如何使用Jquery更改Button名称而不更改fontawesome图标

Jananath banuka

我有一些jQuery代码可以在单击按钮时更改按钮文本。最初(单击之前)按钮是这样的:

<button type="button"style="margin-top: 5px;" class="btn btn-danger btn-sm" id="image-remove-btn-4">
  <i class="fa fa-trash"></i> 
  Remove Photo
</button>

这是我的jQuery将按钮名称更改为 Photo deleting...

$("#image-remove-btn-4").text("Photo deleting...");

按钮文本已成功更改,但是问题在于,一旦单击按钮,FontAwesome图标将被删除。有什么解决方案吗?

尝试一下:

$("#image-remove-btn-4").html("<i class='fa fa-trash'></i> Photo deleting...");

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

使用 Jquery 更改 Fontawesome 图标

即时使用jquery更改fontawesome图标

如何从FontAwesome更改图标的颜色

如何使用jquery ajax在laravel中基于数据库值0或1更改按钮类和fontawesome图标?

jQuery手风琴在单击时更改Fontawesome图标

如何在悬停时更改fontawesome图标背景?jsfiddle

使用 javascript 更改类。(替换方法)fontawesome 图标

在 li 使用 javascript 更改带有 fontawesome 的图标

如何动态更改图标名称?

如何使用fontawesome图标更改select标记内的箭头图标。我正在使用Vue-Cli。我已经在main.js中导入了fontawesome

更改FontAwesome图标的字体粗细?

单击元素时更改fontawesome图标/类

更改 FontAwesome 跨度图标的悬停颜色

将悬停文本更改为FontAwesome图标

将FontAwesome图标更改为悬停文本

更改FontAwesome和Angular 10中的图标

如何更改默认的jQuery移动加载图标

使用jQuery克隆后如何更改名称属性?

如何使用JavaScript / jQuery更改多维数组的输入键名称

如何使用 jquery 更改选择标记属性的名称

切换图标不更改html css jquery

如何使用react-native-collapsible onChange()更改图标名称属性

如何使用工具栏更改工具栏名称和放置图标

如何从CSS使用fontAwesome图标

如何更改小程序使用的图标?

如何使用SynthLookAndFeel更改“禁用的图标”样式?

如何使用CSS更改图标颜色

如何使用JS更改折叠菜单图标?

如何使用Button更改TextView