Modificarea textului unui element prin jQuery

În lecțiile anterioare, am învățat să obținem un grup de elemente prin jQuery și chiar am văzut câteva exemple de lucru cu metode. Acum să le analizăm mai detaliat. În această lecție vom învăța să schimbăm textul unui element folosind două metode: html și text.

Să rezolvăm următoarea problemă: obținem toate elementele cu clasa www și în același timp le schimbăm textul la toate în '!!!'. Să presupunem că avem următorul cod HTML:

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

Atunci codul JavaScript va arăta astfel:

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

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

Cu jQuery va fi mult mai simplu: obținem toate elementele folosind dolarul, astfel: $('.www'), apoi le aplicăm metoda html, care ca parametru primește noul text - $('.www').html('new text'). Gata! Această linie va face toată treaba fără bucle și alte prostii. Rulați exemplul și vedeți singuri:

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

Tuturor elementelor h3 folosind metoda html setați textul la '!!!'.