jquery - Jquery - 在多个按钮上切换类

Question

我目前正在运行一个小的 JQuery 函数，如果单击了一个按钮，它会切换一个新类。

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

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

    });

这很好用，但是，我的问题是我连续有 5 个按钮，我只希望一次有一个新课程。目前，如果我单击任何其他按钮，它们也会应用新类。如果有人单击另一个按钮，我希望它从原始按钮中删除 button2 类并将其仅应用于 newley 单击的按钮。

关于实现这一目标的任何想法？

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');
});