Metoda prepend
Metoda prepend přidává text na začátek
elementu. Existuje také metoda
prependTo,
která funguje podobným způsobem.
Syntaxe
Vložení textu na začátek elementu:
$(selektor).prepend(text);
Na začátek vybraných elementů lze přidat text, který bude vrácen uživatelskou funkcí. Funkce je volána samostatně pro každý z vybraných elementů. Při volání jsou jí předány následující parametry: pozice elementu v sadě, aktuální obsah elementu:
$(selektor).prepend(function(číslo v sadě, aktuální obsah elementu));
Obsah může být nejen obyčejný text, ale také DOM element nebo objekt jQuery. V tomto případě budou tyto elementy přesunuty ze své pozice v HTML kódu.
Příklad
Vložme text na začátek daného odstavce:
<p id="test">text</p>
$('#test').prepend('!!!');
HTML kód bude poté vypadat takto:
<p id="test">!!!text</p>
Příklad
Vložme text s tagy na začátek daného odstavce:
<p id="test">text</p>
$('#test').prepend('<b>!!!</b>');
HTML kód bude poté vypadat takto:
<p id="test"><b>!!!</b>text</p>
Příklad
Najděme všechny odstavce a na začátek každého z nich umístěme jeho pořadové číslo v sadě:
<p>text</p>
<p>text</p>
<p>text</p>
<p>text</p>
<p>text</p>
$('p').prepend(function(index, text) {
return index;
});
HTML kód bude poté vypadat takto:
<p>0text</p>
<p>1text</p>
<p>2text</p>
<p>3text</p>
<p>4text</p>
