触发单击事件到项目列表

Question

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

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

jQuery(document).ready(function() {
    var list = $('.du');
    for (i = 0; i <= list.length; i++) {
        $(list).click();
    }
});

Answer 1

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

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

Example fiddle

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

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

Answer 2

相反，你可以简单地做

XML.loadString(xmlString).label

在您的代码中从列表中选择元素，然后单击

$('.du').click(); // Will trigger click on all .du