Metoda before
Metoda before přidává text před zadaný
prvek. Existuje také metoda
insertBefore,
která funguje podobným způsobem.
Syntaxe
Vložení textu před prvek:
$(selektor).before(text);
Takto bude před vybranými prvky přidán text, který bude vrácen uživatelskou funkcí:
$(selektor).before(function(číslo v sadě));
Další variantou použití funkce, kde druhý parametr určuje starou html hodnotu prvku:
$(selektor).before(function(číslo v sadě, html řetězec));
Text může být nejen obyčejný text, ale také DOM prvek nebo objekt jQuery. V tomto případě budou tyto prvky přesunuty ze své pozice v HTML kódu.
Příklad
Vložme text před zadaný odstavec:
<p id="test">text</p>
$('#test').before('!!!');
HTML kód bude vypadat takto:
!!!<p id="test">text</p>
Příklad
Vložme text s tagy před zadaný odstavec:
<p id="test">text</p>
$('#test').before('<p>!!!</p>');
HTML kód bude vypadat takto:
<p>!!!</p><p id="test">text</p>
Příklad
Umístěme jeden odstavec nad druhý (tj. vyjmeme odstavec ze starého místa a umístíme na nové):
<p id="p1">text1</p>
<p id="p2">text2</p>
$('#p2').before('#p1');
HTML kód bude vypadat takto:
<p id="p2">text2</p>
<p id="p1">text1</p>
Viz také
-
metoda
insertBefore,
která přidává text před zadaný prvek -
metody
after,append,prepend,
umožňující přidávat obsah na určité místo na stránce -
metoda
clone,
která vytváří kopie vybraných prvků
