Methode append
Die Methode append fügt Text am Ende
eines Elements hinzu. Es gibt auch die Methode
appendTo,
die auf ähnliche Weise funktioniert.
Syntax
Text am Ende eines Elements einfügen:
$(Selector).append(Text);
Am Ende der ausgewählten Elemente kann Text hinzugefügt werden, der von einer benutzerdefinierten Funktion zurückgegeben wird. Die Funktion wird für jedes der ausgewählten Elemente separat aufgerufen. Beim Aufruf werden ihr die folgenden Parameter übergeben: die Position des Elements im Set, der aktuelle Inhalt des Elements:
$(Selector).append(function(Index im Set, aktueller Inhalt des Elements));
Der Inhalt kann nicht nur einfacher Text sein, sondern auch ein DOM-Element oder ein jQuery-Objekt. In diesem Fall werden diese Elemente aus ihrer Position im HTML-Code verschoben.
Beispiel
Fügen wir Text am Ende eines bestimmten Absatzes ein:
<p id="test">text</p>
$('#test').append('!!!');
Der HTML-Code sieht dann so aus:
<p id="test">text!!!</p>
Beispiel
Fügen wir Text mit Tags am Ende eines bestimmten Absatzes ein:
<p id="test">text</p>
$('#test').append('<b>!!!</b>');
Der HTML-Code sieht dann so aus:
<p id="test">text<b>!!!</b></p>
Beispiel
Finden wir alle Absätze und setzen am Ende von jedem seine Ordnungsnummer im Set:
<p>text</p>
<p>text</p>
<p>text</p>
<p>text</p>
<p>text</p>
$('p').append(function(index, text){return index;});
Der HTML-Code sieht dann so aus:
<p>text0</p>
<p>text1</p>
<p>text2</p>
<p>text3</p>
<p>text4</p>
