javascript - jQuery 通过元素旋转类

Question

我有这个 HTML:

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

现在我想添加第一个 li 类 current 和第二个类 next。然后等 1 秒后将类“向下”移动，这样第二个将具有类 current，第三个将具有类 next。 1 秒后，current 类再次传给第三个 child ，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