如何在不使用Jquery更改fontawesome图标的情况下更改Button名称

Question

我有一些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图标将被删除。有什么解决方案吗？

Answer 1

尝试一下：

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

Answer 2

更改<i>标签的文本。

例如：

$(".fa-trash").text("Photo deleting...");