Metoden prepend
Metoden prepend tilføjer tekst i starten
af et element. Der findes også metoden
prependTo,
som fungerer på tilsvarende måde.
Syntaks
Indsættelse af tekst i starten af et element:
$(selector).prepend(tekst);
I starten af de valgte elementer kan man tilføje tekst, som returneres af en brugerdefineret funktion. Funktionen kaldes for hvert af de valgte elementer. Ved kaldet overføres følgende parametre: elementets position i sættet, elementets nuværende indhold:
$(selector).prepend(function(nummer i sættet, nuværende indhold af elementet));
Indholdet kan også være ikke kun almindelig tekst, men også et DOM-element eller et jQuery-objekt. I dette tilfælde flyttes disse elementer fra deres position i HTML-koden.
Eksempel
Lad os indsætte tekst i starten af den givne paragraf:
<p id="test">tekst</p>
$('#test').prepend('!!!');
HTML-koden vil se sådan ud:
<p id="test">!!!tekst</p>
Eksempel
Lad os indsætte tekst med tags i starten af den givne paragraf:
<p id="test">tekst</p>
$('#test').prepend('<b>!!!</b>');
HTML-koden vil se sådan ud:
<p id="test"><b>!!!</b>tekst</p>
Eksempel
Lad os finde alle paragraffer og i starten af hver af dem sætte dens rækkenummer i sættet:
<p>tekst</p>
<p>tekst</p>
<p>tekst</p>
<p>tekst</p>
<p>tekst</p>
$('p').prepend(function(index, tekst) {
return index;
});
HTML-koden vil se sådan ud:
<p>0tekst</p>
<p>1tekst</p>
<p>2tekst</p>
<p>3tekst</p>
<p>4tekst</p>
