Spreminjanje besedila elementa z jQuery

V prejšnjih lekcijah smo se naučili pridobiti skupino elementov prek jQuery in celo videli nekatere primere dela z metodami. Zdaj jih podrobneje analizirajmo. V tej lekciji se bomo naučili spreminjati besedilo elementa z uporabo dveh metod: html in text.

Rešimo naslednjo nalogo: pridobimo vse elemente z razredom www in hkrati spremenimo vsem besedilo na '!!!'. Naj imamo naslednjo HTML kodo:

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

Takrat bo JavaScript koda videti takole:

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

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

Z jQuery bo vse veliko lažje: pridobimo vse elemente z uporabo dolarja, takole: $('.www'), nato pa nanje uporabimo metodo html, ki kot parameter sprejme novo besedilo - $('.www').html('new text'). To je vse! Ta vrstica opravi vse delo brez kakršnih koli zank in drugih neumnosti. Zaženite primer in se prepričajte sami:

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

Vsem h3 z metodo html nastavite besedilo '!!!'.