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:

javascript$(Selector).before(Text);

Auf diese Weise wird vor den ausgewählten Elementen der Text hinzugefügt, der von der benutzerdefinierten Funktion zurückgegeben wird:

javascript$(Selector).before(function(Index in der Menge));

Eine weitere Verwendungsmöglichkeit der Funktion, der zweite Parameter übergibt den alten HTML-Wert des Elements:

javascript$(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:

html<p id="test">text</p>

javascript$('#test').before('!!!');

Der HTML-Code sieht dann so aus:

html!!!<p id="test">text</p>

Beispiel

Fügen wir Text mit Tags vor dem angegebenen Absatz ein:

html<p id="test">text</p>

javascript$('#test').before('<p>!!!</p>');

Der HTML-Code sieht dann so aus:

html<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):

html<p id="p1">text1</p>
<p id="p2">text2</p>

javascript$('#p2').before($('#p1'));

Der HTML-Code sieht dann so aus:

html<p id="p1">text1</p><p id="p2">text2</p>

Siehe auch