Метад before

Метад before дадае тэкст перад зададзеным элементам. Таксама існуе метад insertBefore, які працуе аналагічным чынам.

Сінтаксіс

Устаўка тэксту перад элементам:

javascript$(селектар).before(тэкст);

Вось так перад абранымі элементамі будзе дададзены тэкст, які будзе вернуты карыстальніцкай функцыяй:

javascript$(селектар).before(function(нумар у наборы));

Яшчэ адзін варыянт выкарыстання функцыі, другім параметрам задаецца старое html значэнне элемента:

javascript$(селектар).before(function(нумар у наборы, html радок));

Тэкст таксама можа быць не толькі звычайным тэкстам, але і DOM элементам ці аб'ектам jQuery. У гэтым выпадку гэтыя элементы перамяшчацца са сваёй пазіцыі ў HTML кодзе.

Прыклад

Давайце ўставім тэкст перад зададзеным абзацам:

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

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

HTML код стане выглядаць так:

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

Прыклад

Давайце ўставім тэкст з тэгамі перад зададзеным абзацам:

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

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

HTML код стане выглядаць так:

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

Прыклад

Давайце паставім адзін абзац над другім (гэта значыць вырэжам абзац са старога месца і паставім у новае):

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

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

HTML код стане выглядаць так:

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

Глядзіце таксама