Metóda prepend
Metóda prepend pridáva text na začiatok
prvku. Tiež existuje metóda
prependTo,
ktorá funguje analogickým spôsobom.
Syntax
Vloženie textu na začiatok prvku:
javascript$(selektor).prepend(text);
Na začiatok vybraných prvkov je možné pridať text, ktorý bude vrátený používateľskou funkciou. Funkcia je volaná, samostatne pre každý z vybraných prvkov. Pri volaní sú jej odovzdané nasledujúce parametre: pozícia prvku v súbore, aktuálny obsah prvku:
javascript$(selektor).prepend(function(číslo v súbore, aktuálny obsah prvku));
Obsah môže byť nielen obyčajný text, ale aj DOM prvok alebo objekt jQuery. V tomto prípade sa tieto prvky presunú zo svojej pozície v HTML kóde.
Príklad
Vložme text na začiatok daného odseku:
html<p id="test">text</p>javascript$('#test').prepend('!!!');
HTML kód bude vyzerať takto:
html<p id="test">!!!text</p>
Príklad
Vložme text s tagmi na začiatok daného odseku:
html<p id="test">text</p>javascript$('#test').prepend('<b>!!!</b>');
HTML kód bude vyzerať takto:
html<p id="test"><b>!!!</b>text</p>
Príklad
Nájdime všetky odseky a na začiatok každému z nich umiestnime jeho poradové číslo v súbore:
html<p>text</p>
<p>text</p>
<p>text</p>
<p>text</p>
<p>text</p>javascript$('p').prepend(function(index, text) {
return index;
});
HTML kód bude vyzerať takto:
html<p>0text</p>
<p>1text</p>
<p>2text</p>
<p>3text</p>
<p>4text</p>