JQuery - Toggle Class On Несколько кнопок

Question

В настоящее время я запускаю небольшую функцию JQuery, которая переключает новый класс, если нажата кнопка.

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

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

    }); 

Это прекрасно работает, однако, моя проблема в том, что у меня есть 5 кнопок в ряд, и я только хочу, чтобы иметь новый класс в то время. На данный момент, если я нажимаю любую из других кнопок, они также получают новый класс. Я хочу, чтобы кто-то нажал на другую кнопку, чтобы удалить класс button2 с исходной кнопки и применить ее только к кнопке с нажатой кнопкой.

Любые мысли о достижении этого?

Answer 1

Попробуйте это:

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

Answer 2

Это должно делать то, что вы хотите:

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

Answer 3

Используйте jquery-not-this для этого:

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

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

Read http://forum.jquery.com/topic/jquery-not-this

Fiddlehttp://jsfiddle.net/NXBqU/1/