Question

我只是在简单的图库上工作，想要在每次单击按钮时循环一次数组，然后再次点击继续。

我的代码如下所示：

$(document).ready(function(){
  var pack_img = [
    'image1.jpg',
    'image2.jpg',
    'image3.jpg',
    'image4.jpg',
    'image5.jpg'
  ];

  $("#btn").click(function(){
    for(var i=0; i<pack_img.length; i++) {
       alert(pack_img[i]);
       return false;
     }  
  })
});

我已经搜索过关于破坏和继续循环的信息，但对我来说似乎非常复杂

非常感谢任何想法。：）

Answer 1

试试这个：

var _index = -1;
$("#btn").click(function(){

    if(_index < pack_img.length){
         _index ++;
    }else{
         _index = 0;
    }
    alert(pack_img[_index ]);
});

Answer 2

你必须跟踪以前的数组项：

var previous = 0;
$("#btn").click(function(){

    for(var i=previous; i<pack_img.length; i++) {
       previous = i;
       alert(pack_img[i]);
       return false;
     }  

})

Answer 3

计算点击次数

var cnt = 0;
$("#btn").click(function(){

    for(var i=cnt; i<pack_img.length; i++) {
        if(i != pack_img.length-1){
            console.log(pack_img[i]);
            cnt++;
            break;
        }else{
            console.log(pack_img[i]);
            cnt = 0;
            break;
        }

     }  

})

jquery break loop onclick并继续

3 个答案: