如何使用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/