var letterbox = ["A", "B", "C", "D", "E", "F", "G", "H", "I",];
var counter = -1;
$(".plusbtn").click(function(){
counter = (counter + 1) % letterbox.length;
$(".ux--wrapper").empty();
$(".ux--wrapper").append("<p>"+letterbox[counter]+"</p>");
});
$(".minbtn").click(function(){
counter = (counter - 1) % letterbox.length;
$(".ux--wrapper").empty();
$(".ux--wrapper").append("<p>"+letterbox[counter]+"</p>");
});
我的意图是当我单击+时将数组增加1,而按-则将数组减少1,但是不知何故-当您在“ A”以下时,它显示未定义,我如何使其跳到数组的最后一个( I“)是“ A”以下?还是有更好的方法,请显示您的建议。
演示在这里尝试单击-启动时。
考虑什么时候counter
是0
。这行:
counter = (counter - 1) % letterbox.length;
...设置counter
为-1
。像这样的回退技巧是行不通的。letterbox[-1]
是undefined
,因为letterbox
没有名称的属性"-1"
。
如果您执行以下操作,则环绕式技巧确实起作用:
counter = (counter + letterbox.length - 1) % letterbox.length;
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句