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) 

}

好运