jQuery的旋轉類通過元素

Question

我有這樣的HTML：

<ul class="box"> 
    <li>One</li> 
    <li>Two</li> 
    <li>Three</li> 
    ... 
</ul> 

現在我想添加第一licurrent類和第二類next。然後，等1秒後，類「向下」，所以第二類將有類current和第三類將具有類next。第一個孩子再次登錄current班，第一個登錄next。等等..永遠。但我該怎麼做呢？有這樣做的常見解決方案嗎？

Answer 1

嘗試

jQuery(function() { 
    var $lis = $('.box li'), 
     $cur = $lis.first().addClass('current'), 
     $next = $cur.next().addClass('next'); 
    setInterval(function() { 
     $cur.removeClass('current'); 
     $cur = $next.removeClass('next').addClass('current'); 

     $next = $cur.next(); 
     if (!$next.length) { 
      $next = $lis.first(); 
     } 
     $next.addClass('next'); 
    }, 1000); 
}); 

演示：Fiddle

Answer 2

以下是一個js代碼。

var index = 0; 

功能InfinitiveSwitching（）{ VAR項= $（ 「盒子裏。」）;

var previousIndex = index - 1; 
if (0 > previousIndex) { 
    previousIndex = $(items).length - 1; 
} 

var previousImage = $(items).get(previousIndex); 
$(previousImage).removeClass('current'); 

var currentImage = $(items).get(index); 
$(currentImage).removeClass('second'); 
$(currentImage).addClass('current'); 

index++; 
if (index >= $(items).length) { 
    index = 0; 
} 
var secondImage = $(items).get(index); 
$(secondImage).addClass('second'); 
window.setTimeout(function() { InfinitiveSwitching() }, 1000) 

}

好運