Jquery 显示未定义的加号和最小值数组 var信箱=[“A”、“B”、“C”、“D”、“E”、“F”、“G”、“H”、“I”]; var计数器=-1; $(“.plusbtn”)。单击(函数(){ 计数器=(计数器+1)%letterbox.length; $(“.ux--wrapper”).empty(); $(“.ux--wrapper”)。追加(“

Jquery 显示未定义的加号和最小值数组 var信箱=[“A”、“B”、“C”、“D”、“E”、“F”、“G”、“H”、“I”]; var计数器=-1; $(“.plusbtn”)。单击(函数(){ 计数器=(计数器+1)%letterbox.length; $(“.ux--wrapper”).empty(); $(“.ux--wrapper”)。追加(“,jquery,Jquery,”+信箱[计数器]+””; }); $(“.minbtn”)。单击(函数(){ 计数器=(计数器-1)%letterbox.length; $(“.ux--wrapper”).empty(); $(“.ux--wrapper”)。追加(“”+信箱[计数器]+””; }); 我的意图是,当我单击+时,它会将数组增加1,而-上的数组则会减少1,但是当-低于“A”时,它会显示未定义,当低于“A”时,我如何使它跳到数组的最后一个(即我)" ?? 或者有没有更好的方法,请给出您的建议 开始时,请尝试单

”+信箱[计数器]+”

”; }); $(“.minbtn”)。单击(函数(){ 计数器=(计数器-1)%letterbox.length; $(“.ux--wrapper”).empty(); $(“.ux--wrapper”)。追加(“”+信箱[计数器]+”

”; }); 我的意图是,当我单击+时,它会将数组增加1,而-上的数组则会减少1,但是当-低于“A”时,它会显示未定义,当低于“A”时,我如何使它跳到数组的最后一个(即我)" ?? 或者有没有更好的方法,请给出您的建议


开始时,请尝试单击-

考虑
计数器
何时为
0
。这一行:

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]
未定义的
,因为
信箱
没有名为
“-1”的属性

如果执行以下操作,环绕技巧确实有效:

counter = (counter - 1) % letterbox.length;

可运行的HTML/CSS/JavaScript演示应该使用堆栈片段(工具栏按钮)在现场发布,而不是在场外发布。
counter = (counter + letterbox.length - 1) % letterbox.length;