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的类更改为{{1 }}。

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

Answer 1

这样的东西？

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

DEMO

Answer 2

如果您想更改点击链接的颜色，则可以使用以下代码

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

demo

Answer 3

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

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

Answer 4

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

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

});

Answer 5

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

Answer 6

这就是诀窍：

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

Answer 7

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

JQuery删除<div>中具有特定类的所有链接，除了单击的那个</div>

7 个答案: