Bootstrap/Javascript/JQuery使按钮一次改变颜色

Question

我在页面中有多个(引导程序)按钮,我只希望其中一个按钮在单击时改变颜色.因此,如果先前单击了一个按钮并接收了另一种颜色,现在单击一个新按钮,则前一个按钮应返回正常颜色,新按钮应更改.(我希望我解释得对)

我现在可以使用JQuery来更改元素类,例如.单击时从btn-primary更改为btn-success类(从而更改颜色),但这需要按钮具有ID.

$("#td_id").attr('class', 'newClass');

1)那么,我如何迭代所有按钮,检查他们的课程并在需要时进行更改？

2)有更优雅的解决方案吗？

Answer 1

这是最优雅的方式: -

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