Methode before
Die Methode before fügt Text vor dem angegebenen
Element ein. Es gibt auch die Methode
insertBefore,
die auf ähnliche Weise funktioniert.
Syntax
Text vor einem Element einfügen:
$(Selector).before(Text);
Auf diese Weise wird vor den ausgewählten Elementen der Text hinzugefügt, der von der benutzerdefinierten Funktion zurückgegeben wird:
$(Selector).before(function(Index in der Menge));
Eine weitere Verwendungsmöglichkeit der Funktion, der zweite Parameter übergibt den alten HTML-Wert des Elements:
$(Selector).before(function(Index in der Menge, HTML-String));
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 vor dem angegebenen Absatz ein:
<p id="test">text</p>
$('#test').before('!!!');
Der HTML-Code sieht dann so aus:
!!!<p id="test">text</p>
Beispiel
Fügen wir Text mit Tags vor dem angegebenen Absatz ein:
<p id="test">text</p>
$('#test').before('<p>!!!</p>');
Der HTML-Code sieht dann so aus:
<p>!!!</p><p id="test">text</p>
Beispiel
Setzen wir einen Absatz über den anderen (d.h. schneiden den Absatz von der alten Position aus und setzen ihn an eine neue):
<p id="p1">text1</p>
<p id="p2">text2</p>
$('#p2').before($('#p1'));
Der HTML-Code sieht dann so aus:
<p id="p1">text1</p><p id="p2">text2</p>
Siehe auch
-
die Methode
insertBefore,
die Text vor dem angegebenen Element einfügt -
die Methoden
after,append,prepend,
die es ermöglichen, Inhalte an einer bestimmten Stelle auf der Seite einzufügen -
die Methode
clone,
die Kopien der ausgewählten Elemente erstellt
