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

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的索引。