Ändern des Textes eines Elements mit jQuery

In vorherigen Lektionen haben wir gelernt, eine Gruppe von Elementen über jQuery zu erhalten und sogar einige Beispiele für die Arbeit mit Methoden gesehen. Nun wollen wir uns eingehender mit ihnen befassen. In dieser Lektion lernen wir, den Text eines Elements mit Hilfe von zwei Methoden zu ändern: html und text.

Lösen wir die folgende Aufgabe: Wir holen alle Elemente mit der Klasse www und ändern gleichzeitig bei allen den Text zu '!!!'. Nehmen wir an, wir haben folgenden HTML-Code:

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

Dann wird der JavaScript-Code folgendermaßen aussehen:

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

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

Mit jQuery wird alles viel einfacher sein: Wir holen alle Elemente mit dem Dollar-Zeichen, so: $('.www'), und wenden dann auf sie die Methode html an, die als Parameter den neuen Text akzeptiert - $('.www').html('new text'). Fertig! Diese Zeile erledigt die ganze Arbeit ohne Schleifen und anderen Unsinn. Starten Sie das Beispiel und überzeugen Sie sich selbst davon:

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

Setzen Sie für alle h3 mit der Methode html den Text '!!!'.