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

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 在上述 cmets 中所说，“将文本包装在 span 标签中并添加一个 id，以便您更轻松地与之交互”。