Modificare il testo di un elemento con jQuery

Nelle lezioni precedenti abbiamo imparato a ottenere un gruppo di elementi tramite jQuery e abbiamo anche visto alcuni esempi di utilizzo dei metodi. Ora analizziamoli più in dettaglio. In questa lezione impareremo a cambiare il testo di un elemento utilizzando due metodi: html e text.

Risolviamo il seguente problema: otteniamo tutti gli elementi con classe www e contemporaneamente cambiamo il testo per tutti loro in '!!!'. Supponiamo di avere il seguente codice HTML:

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

Allora il codice JavaScript sarà il seguente:

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

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

Con jQuery sarà molto più semplice: otteniamo tutti gli elementi usando il simbolo del dollaro, in questo modo: $('.www'), e poi applichiamo a loro il metodo html, che accetta come parametro il nuovo testo - $('.www').html('new text'). Fatto! Questa riga farà tutto il lavoro senza cicli e altre sciocchezze. Eseguite l'esempio e verificate voi stessi:

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

A tutti gli h3 utilizzando il metodo html impostate il testo '!!!'.