prepend-metodi
prepend-metodi lisää tekstin elementin alkuun.
On olemassa myös
prependTo-metodi,
joka toimii vastaavalla tavalla.
Syntaksi
Tekstin lisääminen elementin alkuun:
$(valitsin).prepend(teksti);
Valittujen elementtien alkuun voidaan lisätä teksti, jonka käyttäjän määrittelemä funktio palauttaa. Funktiota kutsutaan erikseen jokaiselle valituille elementeille. Kutsuessa sille välitetään seuraavat parametrit: elementin sijainti joukossa, elementin nykyinen sisältö:
$(valitsin).prepend(function(indeksi joukossa, elementin nykyinen sisältö));
Sisältö voi olla paitsi tavallista tekstiä, myös DOM-elementti tai jQuery-objekti. Tässä tapauksessa nämä elementit siirretään niiden nykyiseltä paikalta HTML-koodissa.
Esimerkki
Lisätään teksti määritetyn kappaleen alkuun:
<p id="test">teksti</p>
$('#test').prepend('!!!');
HTML-koodi näyttää tältä:
<p id="test">!!!teksti</p>
Esimerkki
Lisätään teksti tunnisteineen määritetyn kappaleen alkuun:
<p id="test">teksti</p>
$('#test').prepend('<b>!!!</b>');
HTML-koodi näyttää tältä:
<p id="test"><b>!!!</b>teksti</p>
Esimerkki
Etsitään kaikki kappaleet ja laitetaan jokaisen alkuun sen järjestysnumero joukossa:
<p>teksti</p>
<p>teksti</p>
<p>teksti</p>
<p>teksti</p>
<p>teksti</p>
$('p').prepend(function(index, text) {
return index;
});
HTML-koodi näyttää tältä:
<p>0teksti</p>
<p>1teksti</p>
<p>2teksti</p>
<p>3teksti</p>
<p>4teksti</p>
