在引導中切換同級按鈕

Question

http://jsfiddle.net/s89a4/3/顯示了我爲表格的每一行放置了yes/no/na按鈕。我想點擊一個值，使其兄弟姐妹切換。

我該如何做到這一點？嘗試了兄弟jQuery的方法，但無法通過。

<div class="btn-group"> 
<button id="yesbutton" type="button" class="btn btn-success">Yes</button> 
<button id="nobutton" type="button" class="btn btn-danger">No</button> 
<button id="nabutton" type="button" class="btn btn-info">N/A</button> 
</div> 

我可以通過單擊每個按鈕來切換各個按鈕。不過，我需要爲特定行切換兄弟姐妹。 （我的小提琴甚至沒有顯示出切換的方式，但我認爲它提出了問題）謝謝。

Answer 1

您可以通過切換元素上所需的類，同時從其同級中刪除不需要的類來實現此目的。簡單的例子是：

$('#translateTable').on('click', '#yesbutton', function (event) { 

    $(this).toggleClass("active"); 
    $(this).siblings().removeClass("active"); 

}); 

Demo for you.