De prepend methode
De methode prepend voegt tekst toe aan het begin
van een element. Er bestaat ook een methode
prependTo,
die op een vergelijkbare manier werkt.
Syntaxis
Tekst invoegen aan het begin van een element:
$(selector).prepend(tekst);
Aan het begin van de geselecteerde elementen kan tekst worden toegevoegd die wordt geretourneerd door een door de gebruiker gedefinieerde functie. De functie wordt afzonderlijk aangeroepen voor elk van de geselecteerde elementen. Bij aanroep worden de volgende parameters doorgegeven: de positie van het element in de set, de huidige inhoud van het element:
$(selector).prepend(function(index in set, huidige inhoud van element));
De inhoud kan niet alleen gewone tekst zijn, maar ook een DOM-element of een jQuery-object. In dat geval worden deze elementen verplaatst van hun positie in de HTML-code.
Voorbeeld
Laten we tekst invoegen aan het begin van de opgegeven alinea:
<p id="test">tekst</p>
$('#test').prepend('!!!');
De HTML-code ziet er dan als volgt uit:
<p id="test">!!!tekst</p>
Voorbeeld
Laten we tekst met tags invoegen aan het begin van de opgegeven alinea:
<p id="test">tekst</p>
$('#test').prepend('<b>!!!</b>');
De HTML-code ziet er dan als volgt uit:
<p id="test"><b>!!!</b>tekst</p>
Voorbeeld
Laten we alle alinea's vinden en aan het begin van elk ervan zijn volgnummer in de set plaatsen:
<p>tekst</p>
<p>tekst</p>
<p>tekst</p>
<p>tekst</p>
<p>tekst</p>
$('p').prepend(function(index, tekst) {
return index;
});
De HTML-code ziet er dan als volgt uit:
<p>0tekst</p>
<p>1tekst</p>
<p>2tekst</p>
<p>3tekst</p>
<p>4tekst</p>
