Question

下面的第一个有效，即a:first检测到第一个链接，但a:second没有。如何使用jQuery检测页面上的第二个链接？

<script type="text/javascript">
    $(document).ready(function() {

        $('a:first').click(function() {
            alert('you clicked 1st link');
        });

        $('a:second').click(function() {
            alert('you clicked 2nd link');
        });

    });
</script>

<a href="#">1st Link</a>
<a href="#">2nd Link</a>

Answer 1

您使用eq()，如下所示：

$('a').eq(1).click(...);

或selector version：

$('a:eq(1)').click(...);

1因为eq从0开始。

Answer 2

您可以像这样使用:eq(1)：

$('a:eq(1)').click(function() {
  alert('you clicked 2nd link');
});

You can test it here。或.eq(1)这样：

$('a').eq(1).click(function() {
  alert('you clicked 2nd link');
});

Test that version here。与:nth-child()不同，eq版本适用于索引，它基于0。

如何使用jQuery检测页面上的第二个链接？

2 个答案: