AddClass在不從類似組中移除的情況下

我已經構建了一組像按鈕一樣工作的按鈕。當你點擊給定組內的一個按鈕時，收音機被選中，並且應該將一個班級添加到該組中選定的按鈕上。AddClass在不從類似組中移除的情況下

收音機工作正常，但我的班級沒有與按鈕組隔離 - 它只將類添加到所選組中點擊的按鈕上。我正試圖讓班級在該組內按下按鈕。

我在做什麼錯？

$('.radio-group .radio-btn .btn').click(function() { 
    $('.radio-group .radio-btn .btn').removeClass('btn-primary'); 
    $(this).addClass('btn-primary'); 
});

http://jsfiddle.net/vcx0f8xc/

來源

2014-10-09 Joseph Sjoblom

試試下面的代碼

$('.radio-group .radio-btn .btn').click(function() { 
    $(this).closest('ul').find('.btn-primary').removeClass('btn-primary'); 
    $(this).addClass('btn-primary'); 
});

但只是爲了提醒你，點擊在'<p>'元件改變顏色，但單選按鈕沒有得到遏制。

來源

2014-10-09 17:48:48 Abhishek

謝謝Abhishek，但請原諒我，因爲我可能沒有很好地解釋這一點。我想從除了所選按鈕之外的每個按鈕中刪除該類。點擊新的解決方案後，您的解決方案不會刪除該類。 – 2014-10-09 17:53:02

它與你的問題完全相反 - 但在這種情況下，你的解決方案工作正常。它從每個按鈕（組1和組2）中刪除該類，並將該類添加到當前選定的單選按鈕。糾正我，如果我錯誤理解。 – Abhishek 2014-10-09 17:57:09

@Tushar也做過類似的事情。 – Abhishek 2014-10-09 18:01:33

試試這個

$('.radio-group .radio-btn .btn').click(function() { 
    $(this).parent().parent().find('.btn').removeClass('btn-primary'); 
    $(this).addClass('btn-primary');

}）;

來源

2014-10-09 17:57:26

謝謝你們！這些工作很好 – 2014-10-09 18:04:26

只是你需要使用父（）找到BTN ...使用作爲

$('.radio-group .radio-btn .btn').click(function() { 
    $(this).parent().parent().find('.btn').removeClass('btn-primary'); 
    $(this).addClass('btn-primary'); 
});

Demo

我的網絡滯後..我覺得有人貼出同樣的預先

來源

2014-10-09 17:59:46 Tushar

感謝Tushar！這工作正常 – 2014-10-09 18:04:44

@JosephSjoblom快樂編碼:) – Tushar 2014-10-09 18:05:46

AddClass在不從類似組中移除的情況下

回答

相關問題