在不清除其他内容的情况下更改元素的文本

Question

我有一个按钮：

<button class="btn btn-primary btn-round like" id="num-likes-entity-{{ key['post'].id }}" >
    <i class="far fa-heart"></i>{{ key['totalLikes'] }}
</button>

当某人单击此点赞按钮时，我想增加点赞次数（{{key ['totalLikes']}}），而不必清除<i>标签。

使用.text()会清除<i>标签。如何在不清除<i>标记的情况下替换文本？

Answer 1

正如迪伦·斯蒂尔（Dylan Steele）在上述评论中所说，“将文本包裹在span标签中，并添加一个id，以便您更轻松地与之交互”。