Question

我想制作if click按钮，切换数组中的文本。

(text[0] -> text[1] -> text[2] -> text[0])

如果到达Array索引的末尾，则再次返回数组中索引的开始。（roop）

我认为使用每个单击方法。但每种方法都适用于拉伸。

我该怎么做？

这是我的代码

$(document).ready(function() {
  var arr = ["uno", "dos", "tre"];
  $("button").click(fuction() {
    $.each(arr, function() {
      $("p").text(arr);
    });
  });
});

Answer 1

像这样，JSFiddle

$(document).ready(function() {
  var arr = ["uno", "dos", "tre"];
  var arrIndex = 0;
  $("button").click(function() {
      $("p").text(arr[arrIndex++]);
      arrIndex = arrIndex % arr.length;
  });
});

您不需要每个循环。保留数组中项目的索引，增加它。

Answer 2

试试这段代码：

 $(document).ready(function() {

 var arr = ["uno", "dos", "tre"];
 var count=0;
 var n=arr.length;

 $("button").click(function() {

   count+=1;
   $("p").text(arr[count%n]);


 });

});

我如何使用jQuery的每一个并单击方法？

2 个答案: