Question

有没有办法让.next（）返回第一项？目前，它完美地循环，然而，在达到第三项时，它显然没有“下一步”去。有没有办法返回第一项并再次循环？

<div class="item">Item1</div>
<div class="item">Item2</div>
<div class="item">Item3</div>

setInterval(function(){
 $('.item:visible').hide().next().fadeIn('fast');
},5000); //Milliseconds

非常感谢任何帮助：）

Answer 1

我会这样做：

(function(){
   var i = 1, items = $('.item');
   setInterval(function(){
      items.hide().eq(i).fadeIn('fast');
      i = (i+1)%items.length;
   },5000); //Milliseconds
})();

Demonstration

Answer 2

尝试，

var cache;

setInterval(function(){
 cache = $('.item:visible').hide().next();
 (cache.length)? cache.fadeIn('fast') : $('.item:first').fadeIn('fast');
},5000);

有没有办法让.next（）返回第一项？

2 个答案:

DEMO