javascript - 使用 jQuery .each() 无限循环元素

Question

我有一组这样的元素

<div class="wrap">
    <div class="block active">
        <p>content</p>
    </div>
    <div class="block">
        <p>content</p>
    </div>
    <div class="block">
        <p>content</p>
    </div>
    <div class="block">
        <p>content</p>
    </div>
</div>

我需要一个函数来无限循环这些元素( block )，将事件类从一个移动到下一个。我已经考虑过使用 .each() 来实现此目的，但我不太明白如何使用它。非常感谢任何帮助。

Answer 1

我认为你想在一段时间内执行此操作，这对于你的情况来说非常简单:

setInterval(function() {
    var index = $(".block.active").removeClass("active").index();
        index = index + 1 >= $(".block").length ? 0 : ++index;

    $(".block:eq(" + index + ")").addClass("active");
}, 500);

div.active { color: red; }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="wrap">
  <div class="block active">
    <p>content</p>
  </div>
  <div class="block">
    <p>content</p>
  </div>
  <div class="block">
    <p>content</p>
  </div>
  <div class="block">
    <p>content</p>
  </div>
</div>