jquery - 如何使用 jQuery 持续迭代 div 并延迟？

Question

我有不同的 div 列，并希望执行以下步骤：

1. 每 5 秒遍历第一列中的每个元素。一个类在元素被选中时被添加到元素中，在下一个元素被选中时被移除。
2. 当它完成通过第一列时，然后移动到第二列并迭代该列中的每个元素，就像在步骤 1 中一样。
3. 当第二列完成后，在第一列中继续迭代，依此类推......

HTML 标记：

<div class="first-column">
  <div class="selected">...</div>
  <div>...</div>
  <div>...</div>
</div>
<div class="second-column">
  <div>...</div>
  <div>...</div>
  <div>...</div>
</div>

Answer 1

您可以使用如下语句获取所有内部 div：

var divs = $('div > div');

使用setInterval()重复调用您的函数

示例：http: //jsfiddle.net/DFqBZ/