我可以使用jQuery模拟文档就绪的点击吗？

Question

我有这个代码:

<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才能使它们正常工作.

我已经更新你的小提琴来修复ID并显示上面的代码在这里工作