Промена текста елемента преко jQuery

У претходним лекцијама научили смо да добијемо групу елемената преко jQuery и чак смо видели неке примере рада са методама. Сада ћемо их детаљније размотрити. У овој лекцији научићемо да мењамо текст елемента користећи две методе: html и text.

Решимо следећи задатак: добијмо све елементе са класом www и истовремено променимо свима њима текст на '!!!'. Нека имамо следећи HTML код:

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

Онда ћe 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 поставите текст '!!!'.