javascript - JQuery删除a内的所有链接有一个特定的类，除了被点击的那个

Question

在 jQuery 中，除了被点击的链接之外，我怎样才能remove/disable或change the class所有链接中的链接<div>都有特定的？class被点击的班级需要改变。

<div class="test">
<div class="link" data-id="1">Link 1</div>
<div class="link" data-id="2">Link 2</div>
<div class="link" data-id="3">Link 3</div>
</div>

在这种情况下，如果我单击Link 1，我会尝试制作Link 2和Link 3消失或更改他们的类，并将链接 1 的类更改为noLink。

如何才能做到这一点。我熟悉添加类，删除类，但我坚持让所有其他人都被删除或更改，并将点击的一个更改为另一个类。

Answer 1

像这样的东西？

$('.test div').on('click', function () {
    $(this).removeClass('link')
           .addClass('noLink')
           .siblings('.link')
           .remove();
});

演示

Answer 2

如果要更改单击链接的颜色，则可以使用以下代码

 $('.test .link').on('click',function(){
    $('.test .link').css('background', '#38a2de');
    $(this).css('background', '#333333');
});

演示

Answer 3

$('.link').on('click', function() {
    $('.link').addClass('hide');
    $(this).attr('class', 'no-link');
});

小提琴：http: //jsfiddle.net/R3586/

Answer 4

这可以解决问题：

<script>
    $('.test .link').click(function(){
        $('.test .link').hide();
        $(this).addClass('noLink').show();
    });
</script>

Answer 5

$('.link').click(function(){

       $(this).addClass('noLink').removeClass('link').siblings().hide();

});

Answer 6

$('.test .link').click(function() {
    $(this).removeClass('link').addClass('noLink');
    $('.link').remove();
})

Answer 7

$('.link').click(function(){
  $(this).removeClass('link').addClass('nolink');
  $('.link').remove()
});