Javascript 停用切换按钮

很简单，我只需要一个快速指针

引导按钮组（适用于三合一切换按钮）定义为：

    <!--  Twitter Bootstrap Button Group -->
     <div class="btn-group">
      <button type="button" class="btn btn-primary">General</button>
      <button type="button" class="btn btn-primary">Tab 2</button>
      <button type="button" class="btn btn-primary">Tab 3</button>
    </div>  

---

另外，我如何定义每个切换按钮下的内容？

您必须使用

removeClass（）

方法从先前的

按钮中删除
活动的
类

 $('.btn').click(function(e) {
    e.preventDefault();
    $('.btn-group > button.active').removeClass('active');
    $(this).addClass('active');
 })


$（'.btn'）。单击（函数（e）{
e、 预防默认值（）；
$（'.btn group>button.active'）.removeClass（'active'）；
$（this.addClass（'active'）；
})

一般的
表2
表3
除@Alexandru IonutMihai answer外，如果您想在一行中完成此操作，您可以选择活动按钮和刚刚单击的按钮，然后单击


var$btn=$（'.btn group.btn'）；
$btn.点击（功能（e）{
e、 预防默认值（）；
$（this）.add（$btn.filter（'.active'））.toggleClass（'active'）；
})

一般的
表2
表3

$（'.btn'）。在（'click'，函数（e）上{
e、 预防默认值（）；
$（this.sides（）.removeClass（'active'）；
$（this.addClass（'active'）；
});

一般的
表2
表3
表4
表5
表6
刚刚有了一个想法。。。这可能会从当前组范围之外的任何其他按钮中删除
active
类？仅从当前按钮的
同级
中删除活动类是否可能更安全？尊敬的先生，感谢您考虑提出的问题。虽然我只想解决一个小问题，但我不完全确定它是否应该在所问问题的范围之内或之外考虑。如果我在这里的一个精彩答案的评论部分试图听起来很迂腐，我也会感觉不好。因此，真诚地尊重你的帖子，我将创建一个新帖子，引用你的帖子，如果这不是一个问题的话。。。谢谢
 $('.btn').click(function(e) {
    e.preventDefault();
    $('.btn-group > button.active').removeClass('active');
    $(this).addClass('active');
 })