Измените текст элемента, не стирая другое содержимое

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

Как сказал Дилан Стил в вышеприведенных комментариях: «оберните текст в тег span и добавьте идентификатор, чтобы вам было легче с ним взаимодействовать».