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:

javascript$(selektor).before(text);

Takto pred vybranými elementmi bude pridaný text, ktorý bude vrátený užívateľskou funkciou:

javascript$(selektor).before(function(číslo v súbore));

Ďalší variant použitia funkcie, druhým parametrom sa zadá stará html hodnota elementu:

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

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

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

HTML kód bude vyzerať takto:

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

Príklad

Vložme text s tagmi pred zadaný odsek:

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

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

HTML kód bude vyzerať takto:

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

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

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

HTML kód bude vyzerať takto:

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

Pozrite si aj