Question

我有一个小问题，我正在尝试使用jquery创建一种类型的轮播，但略有不同，但目前我正在努力想出代码。到目前为止，我有一个清单：

<ul>
    <li>
        1
    </li>
    <li>
        2
    </li>
    <li>
        3
    </li>
</ul>

我想要做的是创建一个循环，因此将活动类添加到列表中的第一个项目，并且每隔20秒将其从第一个项目中删除，然后将活动类别添加到下一个项目。这个循环将返回到第一个项目，在它击中最后一个项目之后，如果这是有意义的。

到目前为止，我可以使用此jquery识别列表中的项目，但循环函数是否会在此处输入：

$( "ul li" ).each(function( index ) {
      console.log( index + ": " + $( this ).text() );
    });

Answer 1

如果其他人有这个问题，请弄清楚

var list = setInterval( function () {
            $( "ul li" ).removeClass("active");
            $("ul li" ).eq(current).addClass('active');
            current++;
            if(current >= x) {
                current = 0;
            }
        }, 14000);

循环列表通过计时器添加类

1 个答案: