当前位置 : 主页 > 网页制作 > Bootstarp >

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

来源:互联网 收集:自由互联 发布时间:2021-06-12
我在页面中有多个(引导程序)按钮,我只希望其中一个按钮在单击时改变颜色.因此,如果先前单击了一个按钮并接收了另一种颜色,现在单击一个新按钮,则前一个按钮应返回正常颜色,新按
我在页面中有多个(引导程序)按钮,我只希望其中一个按钮在单击时改变颜色.因此,如果先前单击了一个按钮并接收了另一种颜色,现在单击一个新按钮,则前一个按钮应返回正常颜色,新按钮应更改.
(我希望我解释得对)

我现在可以使用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 ');
});
网友评论