Die Methode prepend
Die Methode prepend fügt Text an den Anfang
eines Elements hinzu. Es gibt auch die Methode
prependTo,
die auf ähnliche Weise funktioniert.
Syntax
Text an den Anfang eines Elements einfügen:
$(Selector).prepend(Text);
An den Anfang 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 einzeln aufgerufen. Beim Aufruf werden ihr die folgenden Parameter übergeben: die Position des Elements im Set, der aktuelle Inhalt des Elements:
$(Selector).prepend(function(Index im Set, aktueller Inhalt des Elements));
Der Inhalt kann nicht nur einfacher Text, sondern auch ein DOM-Element oder ein jQuery-Objekt sein. In diesem Fall werden diese Elemente von ihrer Position im HTML-Code verschoben.
Beispiel
Fügen wir Text an den Anfang eines bestimmten Absatzes ein:
<p id="test">text</p>
$('#test').prepend('!!!');
Der HTML-Code sieht dann so aus:
<p id="test">!!!text</p>
Beispiel
Fügen wir Text mit Tags an den Anfang eines bestimmten Absatzes ein:
<p id="test">text</p>
$('#test').prepend('<b>!!!</b>');
Der HTML-Code sieht dann so aus:
<p id="test"><b>!!!</b>text</p>
Beispiel
Suchen wir alle Absätze und setzen wir an den Anfang jedes einzelnen dessen Index im Set:
<p>text</p>
<p>text</p>
<p>text</p>
<p>text</p>
<p>text</p>
$('p').prepend(function(index, text) {
return index;
});
Der HTML-Code sieht dann so aus:
<p>0text</p>
<p>1text</p>
<p>2text</p>
<p>3text</p>
<p>4text</p>
