Methode after
Die Methode after fügt Text nach dem
angegebenen Element hinzu. Es gibt auch die Methode
insertAfter,
die auf ähnliche Weise funktioniert.
Syntax
Text nach einem Element einfügen:
$(Selector).after(Text);
Auf diese Weise wird nach den ausgewählten Elementen Text hinzugefügt, der von der benutzerdefinierten Funktion zurückgegeben wird. Die Funktion wird separat für jedes der ausgewählten Elemente aufgerufen. In den ersten Parameter dieser Funktion gelangt die Indexnummer (der Reihe nach) jedes der ausgewählten Elements, in den zweiten - der aktuelle Inhalt des Elements:
$(Selector).after(function(Index, aktuellerInhalt));
Der Text kann nicht nur einfacher Text sein, sondern auch ein DOM-Element oder ein jQuery-Objekt. In diesem Fall werden diese Elemente von ihrer Position im HTML-Code verschoben.
Beispiel
Fügen wir Text nach dem angegebenen Absatz ein:
<p id="test">text</p>
$('#test').after('!!!');
Der HTML-Code sieht dann so aus:
<p id="test">text</p>!!!
Beispiel
Fügen wir Text mit Tags nach dem angegebenen Absatz ein:
<p id="test">text</p>
$('#test').after('<p>!!!</p>');
Der HTML-Code sieht dann so aus:
<p id="test">text</p><p>!!!</p>
Beispiel
Verschieben wir einen Absatz unter einen anderen (d.h. schneiden den Absatz von der alten Stelle aus und setzen ihn an die neue Stelle):
<p id="p1">text1</p>
<p id="p2">text2</p>
$('#p1').after($('#p2'));
Der HTML-Code sieht dann so aus:
<p id="p1">text1</p>
<p id="p2">text2</p>
Siehe auch
-
die Methode
insertAfter,
die Text nach dem angegebenen Element hinzufügt -
die Methoden
before,append,prepend,
die das Hinzufügen von Inhalten an einer bestimmten Stelle auf der Seite ermöglichen -
die Methode
clone,
die Kopien der ausgewählten Elemente erstellt
