有没有办法让 .next() 返回到第一项

Question

有没有办法让.next（）返回到第一项？目前，它完美地循环，但是，在到达第三项时，它显然没有"下一个"可以去。有没有办法返回第 1 项并再次循环？

<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
})();

示范

Answer 2

尝试，

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

演示