Elemento teksto keitimas naudojant jQuery

Ankstesnėse pamokose išmokome gauti elementų grupę per jQuery ir net matėme kai kuriuos darbo su metodais pavyzdžius. Dabar panagrinėkime juos išsamiau. Šioje pamokoje mes išmoksime keisti elemento tekstą naudojant du metodus: html ir text.

Išspręskime tokį uždavinį: gausime visus elementus su klase www ir vienu metu pakeisime visiems jiems tekstą į '!!!'. Tebūnie, kad mes turime tokį HTML kodą:

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

Tada JavaScript kodas atrodys taip:

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

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

Per jQuery viskas bus daug paprasčiau: gausime visus elementus naudojant dolerio ženklą, štai taip: $('.www'), o tada pritaikysime jiems metodą html, kuris parametru priima naują tekstą - $('.www').html('new text'). Viskas! Ši eilutė atliks visą darbą be jokių ciklų ir kitos nesąmonės. Paleiskite pavyzdį ir įsitikinkite patys:

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

Visiems h3 naudojant metodą html nustatykite tekstą '!!!'.