如何使用Jquery更改按钮名称而不更改图标

我有一些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>

按钮文本已成功更改，但问题是一旦单击按钮，图标就会被删除。有什么解决办法吗？

试试看：

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

$（“#image-remove-btn-4”）.html（“照片删除…”）；

更改

标记的文本

例如：

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

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