0

我有一个简单的代码，它在列表元素中循环添加和删除“活动”类。此代码效果很好，但仅适用于第一个列表元素。我想做的是将这个相同的函数应用于所有具有“imageslider”类的列表。

任何帮助表示赞赏！

这是js代码：

<script>

toggleSlide = function(){
  $(".imageslider li.active").removeClass()
  .next().add(".imageslider li:first").last().addClass("active");
}
setInterval(toggleSlide, 500);

</script>

这是我的 HTML 标记：

//First list

    <ul class="imageslider">
      <li class="active">1</li>
      <li>2</li>
      <li>3</li>
    </ul>


//Second list

    <ul class="imageslider">
      <li class="active">1</li>
      <li>2</li>
      <li>3</li>
    </ul>
4

2 回答 2

1

尝试

toggleSlide = function () {
    $(".imageslider").each(function () {
        $(this).find("li.active").removeClass()
            .next().add($(this).children().first()).last().addClass("active");
    })
}
setInterval(toggleSlide, 500);

演示：小提琴

于 2013-11-12T12:35:11.403 回答
0

删除:first谓词！

.next().add(".imageslider li").last().addClass("active");
于 2013-11-12T12:33:11.260 回答