Промяна на текста на елемент чрез 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>

Тогава 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('!!!');