A prepend metódus
A prepend metódus szöveget ad hozzá egy elem
elejéhez. Létezik továbbá a
prependTo
metódus is, amely hasonló módon működik.
Szintaxis
Szöveg beszúrása egy elem elejéhez:
javascript$(szelektor).prepend(szöveg);
A kiválasztott elemek elejéhez hozzáadhatunk olyan szöveget, amelyet egy felhasználó által definiált függvény ad vissza. A függvény minden egyes kiválasztott elemre külön-külön meghívásra kerül. A meghívásakor a következő paramétereket kapja meg: az elem pozíciója a halmazban, az elem aktuális tartalma:
javascript$(szelektor).prepend(function(sorszám a halmazban, az elem aktuális tartalma));
A tartalom nem csak egyszerű szöveg lehet, hanem DOM elem vagy jQuery objektum is. Ebben az esetben ezek az elemek elmozdulnak eredeti pozíciójukból a HTML kódban.
Példa
Szúrjunk be szöveget egy adott bekezdés elejéhez:
html<p id="test">szöveg</p>javascript$('#test').prepend('!!!');
A HTML kód így fog kinézni:
html<p id="test">!!!szöveg</p>
Példa
Szúrjunk be címkékkel ellátott szöveget egy adott bekezdés elejéhez:
html<p id="test">szöveg</p>javascript$('#test').prepend('<b>!!!</b>');
A HTML kód így fog kinézni:
html<p id="test"><b>!!!</b>szöveg</p>
Példa
Keressük meg az összes bekezdést, és mindegyik elejére helyezzük el a halmazban elfoglalt sorrendi számát:
html<p>szöveg</p>
<p>szöveg</p>
<p>szöveg</p>
<p>szöveg</p>
<p>szöveg</p>javascript$('p').prepend(function(index, text) {
return index;
});
A HTML kód így fog kinézni:
html<p>0szöveg</p>
<p>1szöveg</p>
<p>2szöveg</p>
<p>3szöveg</p>
<p>4szöveg</p>