我有一个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);
}