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:

javascript$(selektor).before(text);

Takto bude před vybranými prvky přidán text, který bude vrácen uživatelskou funkcí:

javascript$(selektor).before(function(číslo v sadě));

Další variantou použití funkce, kde druhý parametr určuje starou html hodnotu prvku:

javascript$(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:

html<p id="test">text</p>

javascript$('#test').before('!!!');

HTML kód bude vypadat takto:

html!!!<p id="test">text</p>

Příklad

Vložme text s tagy před zadaný odstavec:

html<p id="test">text</p>

javascript$('#test').before('<p>!!!</p>');

HTML kód bude vypadat takto:

html<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é):

html<p id="p1">text1</p>
<p id="p2">text2</p>

javascript$('#p2').before('#p1');

HTML kód bude vypadat takto:

html<p id="p2">text2</p>
<p id="p1">text1</p>

Viz také