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

Jquery - 在多个按钮上切换类

3 个答案: