Metóda before
Metóda before pridáva text pred zadaný
element. Tiež existuje metóda
insertBefore,
ktorá funguje analogickým spôsobom.
Syntax
Vloženie textu pred element:
$(selektor).before(text);
Takto pred vybranými elementmi bude pridaný text, ktorý bude vrátený užívateľskou funkciou:
$(selektor).before(function(číslo v súbore));
Ďalší variant použitia funkcie, druhým parametrom sa zadá stará html hodnota elementu:
$(selektor).before(function(číslo v súbore, html reťazec));
Text môže byť nielen obyčajný text, ale aj DOM element alebo objekt jQuery. V tomto prípade tieto elementy sa presunú zo svojej pozície v HTML kóde.
Príklad
Vložme text pred zadaný odsek:
<p id="test">text</p>
$('#test').before('!!!');
HTML kód bude vyzerať takto:
!!!<p id="test">text</p>
Príklad
Vložme text s tagmi pred zadaný odsek:
<p id="test">text</p>
$('#test').before('<p>!!!</p>');
HTML kód bude vyzerať takto:
<p>!!!</p><p id="test">text</p>
Príklad
Umiestnime jeden odsek nad druhý (to znamená vyrežeme odsek zo starého miesta a umiestnime na nové):
<p id="p1">text1</p>
<p id="p2">text2</p>
$('#p2').before('#p1');
HTML kód bude vyzerať takto:
<p id="p2">text2</p>
<p id="p1">text1</p>
Pozrite si aj
-
metóda
insertBefore,
ktorá pridáva text pred zadaný element -
metódy
after,append,prepend,
umožňujúce pridať obsah na určené miesto na stránke -
metóda
clone,
ktorá vytvára kópie vybraných elementov
