触发单击事件到项目列表

Question

我有几个<li>，我需要在加载页面时触发所有它们的点击事件。我试过用循环来做这件事，但它不起作用。有什么帮助吗？

<ul>
    <li class="du">One</li>
    <li class="du">Two</li>
    <li class="du">Three</li>
</ul>

<ul>
    <li class="du">One</li>
    <li class="du">Two</li>
    <li class="du">Three</li>
</ul>

Answer 1

您不需要循环，只需选择所有.du元素并调用click(). jQuery 将自己在集合中的所有匹配元素上引发事件：

$('.du').click();

示例小提琴

另请注意，要循环使用 jQuery 选择的一组元素，您应该使用each()方法，并使用this关键字引用当前迭代的元素：

$('.du').each(function() {
    console.log(this);
});