Изменение текста элемента через jQuery
В предыдущих уроках мы с вами научились получать
группу элементов через jQuery и даже видели
некоторые примеры работы с методами. Теперь
разберемся с ними более подробно. В этом уроке
мы научимся менять текст элемента при помощи двух
методов: html и
text.
Решим следующую задачу: получим все элементы
с классом www и одновременно поменяем
всем им текст на '!!!'. Пусть у нас есть
следующий HTML код:
<p class="www">text</p>
<p class="www">text</p>
<p class="www">text</p>
<p>text</p>
Тогда JavaScript код будет выглядеть следующим образом:
let elems = document.getElementsByClassName('www');
for (let i = 0; i < elems.length; i++) {
elems[i].innerHTML = '!!!';
}
Через jQuery все будет намного проще: получим
все элементы с помощью доллара, вот так:
$('.www'), а потом применим к ним метод
html,
который параметром принимает новый
текст - $('.www').html('new text'). Все! Эта
строчка выполнит всю работу без всяких циклов и
прочей ерунды. Запустите пример и убедитесь в
этом сами:
$('.www').html('!!!');
Всем h3 с помощью метода html
поставьте текст '!!!'.