Question

我有一个简单的代码，循环遍历列表元素添加和删除类“active”。此代码非常有用，但仅适用于第一个列表元素。我想要做的是将相同的函数应用于具有类“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>

Answer 1

尝试

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

演示：Fiddle

Answer 2

删除:first谓词！

.next().add(".imageslider li").last().addClass("active");

如何将jQuery函数添加到具有指定类的所有元素

2 个答案: