在引导表中如何使用 jQuery 更改默认按钮图标

Posted 2023-05-08

【中文标题】在引导表中如何使用 jQuery 更改默认按钮图标

【英文标题】：In bootstrap table how to change default button icon using jQuery

【发布时间】：2021-07-11 02:21:29

【问题描述】：

例如 data-show-export 是 bootstrap table api 的一个属性，它只会给出一个固定图标如何使用 jQuery 更改它

数据显示导出 =“真”

【参考方案1】：

你可以使用 .attr

$('table').attr('data-show-export', true)

【讨论】：

如何将图标更改为我希望的其他图标

我认为引导程序中的图标正在使用 fontawesome 对吗？您可以通过更改图标标签的类属性来更改它

是的，我正在使用 fa 类进行更改，但你能展示一下我对 jQuery 不熟悉而且很困惑的代码吗，感谢大量的帮助

假设你有这个编辑图标 如果你想将图标更改为锁定图标，代码是 $('#x').removeClass('fa-edit') 然后是 $('#x').addClass('fa-lock')

很好，但我不知道原始按钮类，因为此按钮来自引导表 API 属性，并且文档中没有选项可以编辑默认值，请参阅 bootstrap-table.com/docs/api/table-options

【参考方案2】：

我得到了这个问题的答案 获取样式标签并更改内部 css 例如 .fa-search-minus:beforecontent: "\f0b0" ;