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

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 и добавьте идентификатор, чтобы вам было легче с ним взаимодействовать".