jquery - jQuery：複数カウントのクリックされた要素にクラスを割り当てます

Question

クリック可能な要素のリストがあり、すべて同じクラス名です。クリックした要素にクラスを割り当て、他のすべての要素から同時にactive削除したいと思います。activejQueryを介してそれを行うにはどうすればよいですか？

<div class="container">  
    <div class="element"></div>
    <div class="element active"></div>
    <div class="element"></div>
</div>

score 5 · Accepted Answer

要素をフックclickし、それを持っている要素から.element削除して、クリックした要素に追加するだけです。active.element

$(".element").click(function() {
    $(".element.active").removeClass("active");
    $(this).addClass("active");
});

score 2 · Accepted Answer

使用addClass()と.siblings()この方法：

$('.element').click(function(){
  $(this).addClass('active').siblings().removeClass('active');
});

$(this)これがクリックされた現在の要素であり、この要素はクラスを.active取得し、他の要素に適用されている他のクラス.siblings().removeClass()を削除しています。.active

score 1 · Accepted Answer

これを試して：

$('.element').click(function(){
    $('.element').removeClass('active');
    $(this).addClass('active');
});

score 1 · Accepted Answer

$('.element').click(function() {
  $('.element').removeClass('active');
  $(this).addClass('active');
});

4 に答える 4