Metoden prepend
Metoden prepend legger til tekst i starten
av et element. Det finnes også en metode
prependTo,
som fungerer på en lignende måte.
Syntaks
Setter inn tekst i starten av et element:
$(selector).prepend(tekst);
I starten av de valgte elementene kan du legge til tekst, som returneres av en egendefinert funksjon. Funksjonen kalles separat for hvert av de valgte elementene. Ved kall får den følgende parametere: posisjonen til elementet i settet, elementets nåværende innhold:
$(selector).prepend(function(nummer i settet, nåværende innhold i elementet));
Innholdet kan også være ikke bare vanlig tekst, men også et DOM-element eller et jQuery-objekt. I dette tilfellet vil disse elementene bli flyttet fra sin posisjon i HTML-koden.
Eksempel
La oss sette inn tekst i starten av et gitt avsnitt:
<p id="test">tekst</p>
$('#test').prepend('!!!');
HTML-koden vil da se slik ut:
<p id="test">!!!tekst</p>
Eksempel
La oss sette inn tekst med tagger i starten av et gitt avsnitt:
<p id="test">tekst</p>
$('#test').prepend('<b>!!!</b>');
HTML-koden vil da se slik ut:
<p id="test"><b>!!!</b>tekst</p>
Eksempel
La oss finne alle avsnitt og sette dens rekkefølgenummer i settet i starten av hvert av dem:
<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 da se slik ut:
<p>0tekst</p>
<p>1tekst</p>
<p>2tekst</p>
<p>3tekst</p>
<p>4tekst</p>
