Inhalt von HTML-Tags manipulieren
Abschlussbedingungen
Plain Text
Neben dem Hinzufügen und Entfernen von CSS-Klassen, ist es immer wieder notwendig, den Inhalt von HTML-Tags zu verändern.
In unserem Maulwurf-Spiel wird diese Funktion beispielsweise benötigt, um die Anzeige des Spielstands und des aktuellen Levels zu verändern.
Um den Inhalt eines HTML-Tags zu verändern, kann man die Funktion ".html()" verwenden.
Besser ist allerdings die Funktion ".text()", da diese sowohl für HTML- als auch XML-Dokumente verwendet werden kann.
Mit der Funktion ".text()" kannst du dir den aktuellen Text von einem bestimmten Element zurückgeben lassen. Im folgenden Beispiel wird der Inhalt eines div-Containers abgefragt.
$('div.demo-container').text();
Um den Inhalt eines HTML-Tags (z.B. eines div-Containers) zu verändern, muss der Funktion ".text(textString)" ein String als Parameter übergeben werden.
var beispielstring = "Hallo";
$('div.demo-container').text(beispielstring);
Weiter Beispiele findest du unter http://api.jquery.com/text/