Izmena teksta elementa preko jQuery

U prethodnim lekcijama naučili smo kako da dobijemo grup elemenata preko jQuery i čak smo videli neke primere rada sa metodama. Sada ćemo ih detaljnije razumeti. U ovoj lekciji ćemo naučiti kako da promenimo tekst elementa pomoću dva metoda: html i text.

Rešimo sledeći zadatak: dobijamo sve elemente sa klasom www i istovremeno menjamo svima tekst na '!!!'. Neka imamo sledeći HTML kod:

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

Tada će JavaScript kod izgledati na sledeći način:

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

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

Preko jQuery sve će biti mnogo jednostavnije: dobijamo sve elemente pomoću znaka dolara, ovako: $('.www'), a zatim primenimo na njih metod html, koji parametrom prihvata novi tekst - $('.www').html('new text'). To je sve! Ova linija će obaviti sav posao bez ikakvih petlji i ostalih gluposti. Pokrenite primer i uverite se sami:

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