2013-03-25 77 views
0

我目前正在運行一個小的JQuery函數,如果點擊了一個按鈕,它將切換一個新類。Jquery - 在多個按鈕上切換類

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

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

    }); 

這工作得很好,不過,我的問題是,我已經連續5個按鈕,我只想要一個有新的類在同一時間。此刻,如果我點擊任何其他按鈕,他們也會得到應用的新課程。我想要它,如果有人點擊另一個按鈕,從原始按鈕中刪除button2類,並將其僅應用於newley點擊按鈕。

想達到這個目的嗎?

+0

所以,你想這將只適用於你''按鈕'''你點擊'? – 2013-03-25 05:08:09

回答

2

試試這個:

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

只有這些按鈕有一個共同的父容器,但這是一個很好的解決方案。 – 2013-03-25 05:06:20

+0

@MikeBrant你是對的。由於這個問題中沒有HTML,我不得不假設一些東西。你總是可以用'$(「#buttons_container_id」)'甚至'$(body)'替換'$(this).parent()'。通用的問題=>通用答案:-) – 2013-03-25 05:10:02

+0

這正是我以後的。有一個父類,我應該包含html。 – JPDP 2013-03-25 05:18:34

0

這應該做你想要什麼:

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