jquery - 我可以使用 jQuery 在准备好的文档上模拟单击吗？

Question

我有this代码:

<a href="javascript:void(0)" id="0" class="hp_nav_label">0</a>
<a href="javascript:void(0)" id="1" class="hp_nav_label">1</a>
<a href="javascript:void(0)" id="2" class="hp_nav_label">2</a>
<a href="javascript:void(0)" id="3" class="hp_nav_label">3</a>
<a href="javascript:void(0)" id="4" class="hp_nav_label">4</a>

$('.hp_nav_label').click(function() {
    alert($(this).attr('id'));
});

当我点击每个链接时，我会显示它的 ID。

现在，我希望在文档准备好后，自动“处理”带有 id=2 的链接，而无需“单击”它。

因此，对该链接进行某种模拟。可以用 jQuery 实现吗？

Answer 1

要触发事件，只需在元素上调用 jQuery 中的相关事件函数，无需定义处理函数，如下所示:

$("#2").click();

或者还有trigger()，它接受事件类型作为参数:

$("#2").trigger('click');

但是值得注意的是，以数字开头的 Id 属性无效，因此您很可能必须更改 Id 才能使其正常工作。

我已经更新了你的 fiddle 来修复 ID 并显示上面的代码正在运行 here