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

前端之家收集整理的这篇文章主要介绍了Bootstrap / Javascript / JQuery使按钮一次改变颜色前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我在页面中有多个(引导程序)按钮,我只希望其中一个按钮在单击时改变颜色.因此,如果先前单击了一个按钮并接收了另一种颜色,现在单击一个新按钮,则前一个按钮应返回正常颜色,新按钮应更改.
(我希望我解释得对)

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

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

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

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

解决方法

这是最优雅的方式: –

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

猜你在找的Bootstrap相关文章