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

发布时间：2020-12-17 21:20:44 所属栏目：安全来源：网络整理

导读：我在页面中有多个(引导程序)按钮,我只希望其中一个按钮在单击时改变颜色.因此,如果先前单击了一个按钮并接收了另一种颜色,现在单击一个新按钮,则前一个按钮应返回正常颜色,新按钮应更改. (我希望我解释得对) 我现在可以使用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 ');
});

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!