jquery - Jquery-複数のボタンでクラスを切り替えます

Question

私は現在、ボタンがクリックされた場合に新しいクラスを切り替える小さなJQuery関数を使用して実行しています。

    $(".button1").click(function () {

        $(this).toggleClass("button2");

    });

これは問題なく機能しますが、私の問題は、5つのボタンが連続していて、一度に1つだけ新しいクラスを設定したいということです。現時点では、他のボタンのいずれかをクリックすると、新しいクラスも適用されます。誰かが別のボタンをクリックした場合に、元のボタンからbutton2クラスを削除して、新しくクリックしたボタンにのみ適用するようにします。

これを達成するための考えはありますか？

Answer 1

これを試して：

$(".button1").click(function () {
    $(this).parent().find(".button2").removeClass("button2");
    $(this).addClass("button2");
});

Answer 2

そのために.not（）を使用します。

$(document).ready(function(){    
    $(".button1").click(function () {    

        $('.button2').not(this).removeClass('button2');
        $(this).toggleClass("button2");    
    });    
});

http://forum.jquery.com/topic/jquery-not-thisを読む

フィドル http://jsfiddle.net/NXBqU/1/

Answer 3

これはあなたが望むことをするはずです：

$('.button1').click(function () {
    $('.button2').removeClass('button2');
    $(this).addClass('button2');
});