jQuery:选择除此之外的所有链接

时间:2012-02-20 19:47:49

标签: jquery select hyperlink click

我有一个包含五个列表项的无序列表,每个列表项都有一个链接:

<ul>
    <li><a href="#">Link 1</a></li>
    <li><a href="#">Link 2</a></li>
    <li><a href="#">Link 3</a></li>
    <li><a href="#">Link 4</a></li>
    <li><a href="#">Link 5</a></li>
</ul>

使用jQuery,每当我点击这些链接中的任何一个时,我想选择所有其他,然后对它们做一些事情(应用一个类等)。

我该怎么做?

3 个答案:

答案 0 :(得分:26)

使用not方法从jQuery对象中删除元素:

$(function(){

  $('ul li a').click(function(){
    $('ul li a').not(this).addClass('other');
  });

});

答案 1 :(得分:10)

在点击回调中:

var others = $(this).closest('ul').find('a').not(this);

答案 2 :(得分:2)

您可以选择所有链接,然后使用.not(this)来完成您想要的内容,例如:

 $("a").click( function(){ 
    $("a").not(this).css("color","red");
 });