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

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，这样您就可以更轻松地与之交互”。