Javascript / JQuery在按钮组的2个按钮之间切换活动类

我正在使用btn-group bootstrap。 有html：

 
 
Button 1
 
Button 2
  

按钮2它已经激活。

目前我这样做是为了从一个中删除活动类并将其添加到另一个。

 $('.btn-2').removeClass('active'); $('.btn-1').addClass('active'); 

这是最干净的方法吗？还是有更好的方法可以在两个按钮之间切换这个活动类？

Answer 1

使用：

 $('.btn-group').on('click', '.btn', function() { $(this).addClass('active').siblings().removeClass('active'); }); 

我认为代码是相当不言自明的？ 它只是从您单击的按钮的兄弟节点中删除任何现有的“活动”类，并将该类添加到单击的按钮。

这是一个工作片段：

 $('.btn-group').on('click', '.btn', function() { $(this).addClass('active').siblings().removeClass('active'); }); 

   
 
Button 1
 
Button 2