Tekst van element wijzigen via jQuery

In eerdere lessen hebben we geleerd hoe we een groep elementen kunnen selecteren via jQuery en hebben we zelfs enkele voorbeelden van het werken met methoden gezien. Laten we ze nu in meer detail bekijken. In deze les leren we hoe we de tekst van een element kunnen veranderen met behulp van twee methoden: html en text.

Laten we de volgende taak oplossen: we selecteren alle elementen met de klasse www en veranderen tegelijkertijd voor allemaal de tekst naar '!!!'. Stel dat we de volgende HTML code hebben:

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

Dan ziet de JavaScript code er als volgt uit:

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

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

Met jQuery is het veel eenvoudiger: we selecteren alle elementen met de dollar, zo: $('.www'), en passen dan de methode html op ze toe, die een nieuwe tekst als parameter accepteert - $('.www').html('new text'). Klaar! Deze regel doet al het werk zonder loops of andere onzin. Voer het voorbeeld uit en overtuig jezelf:

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

Geef alle h3 met behulp van de methode html de tekst '!!!'.