我有一个div,其中包含几个p元素,我使用jQuery遍历它们,以每5秒触发一次对下一个元素的点击。现在我的问题是,单击最后一个元素后如何重新启动循环?

这是我的jQuery代码:

jQuery('.clickMe').each(function (ind, elem) {
   window.setTimeout(function () {
       jQuery(elem).trigger("click");
   }, 5000 * ind);
});


这是我的html案例,如果您想看它:)

<div class='slider-circles'>
   <p class='transparent-cricles clickMe'></p>
   <p class='transparent-cricles clickMe'></p>
   <p class='transparent-cricles clickMe'></p>
   <p class='transparent-cricles clickMe'></p>
   <p class='transparent-cricles clickMe'></p>
   <p class='transparent-cricles clickMe'></p>
</div>

最佳答案

var ps=jQuery('.clickMe')
if (ps.length) {
    var index=0;
    setInterval(function() {
        ps.eq(index).trigger("click");
        index=(index+1)%ps.length;
    },5000);
}

09-16 18:20