Промена на текстот на елементот преку 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('!!!');