Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/typo3/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何使用jQuery以延迟的方式不断迭代div?_Jquery - Fatal编程技术网

如何使用jQuery以延迟的方式不断迭代div?

如何使用jQuery以延迟的方式不断迭代div?,jquery,Jquery,我有不同的div列,希望执行以下步骤: 在第一列中每5秒迭代一次每个元素。选择某个类时,该类将添加到该元素中,选择下一个元素时,该类将被删除 完成第一列后,移动到第二列,像步骤1一样迭代该列中的每个元素 第二列完成后,在第一列中继续迭代,依此类推 HTML标记: <div class="first-column"> <div class="selected">...</div> <div>...</div> <div&

我有不同的div列,希望执行以下步骤:

  • 在第一列中每5秒迭代一次每个元素。选择某个类时,该类将添加到该元素中,选择下一个元素时,该类将被删除
  • 完成第一列后,移动到第二列,像步骤1一样迭代该列中的每个元素
  • 第二列完成后,在第一列中继续迭代,依此类推
  • 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>
    
    
    ...
    ...
    ...
    ...
    ...
    ...
    
    您可以通过以下语句获得所有内部div:

    var divs = $('div > div');
    
    使用setInterval()重复调用函数


    示例:

    您是否忘记发布代码?