Изменение текста элемента через jQuery

В предыдущих уроках мы научились получать группу элементов через jQuery и даже видели некоторые примеры работы с методами. Теперь разберемся с ними более подробно. В этом уроке мы научимся менять текст элемента при помощи двух методов: html и text.

Решим следующую задачу: получим все элементы с классом www и одновременно поменяем всем им текст на '!!!'. Пусть у нас есть следующий HTML код:

html<p class="www">text</p>
<p class="www">text</p>
<p class="www">text</p>
<p>text</p>

Toгда JavaScript код будет выглядеть следующим образом:

javascriptlet elems = document.getElementsByClassName('www');

for (let i = 0; i < elems.length; i++) {
  elems[i].innerHTML = '!!!';
}

Через jQuery все будет намного проще: получим все элементы с помощью доллара, вот так: $('.www'), а потом применим к ним метод html, который параметром принимает новый текст - $('.www').html('new text'). Все! Эта строчка выполнит всю работу без всяких циклов и прочей ерунды. Запустите пример и убедитесь в этом сами:

javascript$('.www').html('!!!');