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:

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

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

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

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

HTML-koden vil se sådan ud:

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

Eksempel

Lad os indsætte tekst med tags i starten af den givne paragraf:

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

javascript$('#test').prepend('<b>!!!</b>');

HTML-koden vil se sådan ud:

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

html<p>tekst</p>
<p>tekst</p>
<p>tekst</p>
<p>tekst</p>
<p>tekst</p>

javascript$('p').prepend(function(index, tekst) {
  return index;
});

HTML-koden vil se sådan ud:

html<p>0tekst</p>
<p>1tekst</p>
<p>2tekst</p>
<p>3tekst</p>
<p>4tekst</p>

Se også