Метад before
Метад before дадае тэкст перад зададзеным
элементам. Таксама існуе метад
insertBefore,
які працуе аналагічным чынам.
Сінтаксіс
Устаўка тэксту перад элементам:
$(селектар).before(тэкст);
Вось так перад абранымі элементамі будзе дададзены тэкст, які будзе вернуты карыстальніцкай функцыяй:
$(селектар).before(function(нумар у наборы));
Яшчэ адзін варыянт выкарыстання функцыі, другім параметрам задаецца старое html значэнне элемента:
$(селектар).before(function(нумар у наборы, html радок));
Тэкст таксама можа быць не толькі звычайным тэкстам, але і DOM элементам ці аб'ектам jQuery. У гэтым выпадку гэтыя элементы перамяшчацца са сваёй пазіцыі ў HTML кодзе.
Прыклад
Давайце ўставім тэкст перад зададзеным абзацам:
<p id="test">text</p>
$('#test').before('!!!');
HTML код стане выглядаць так:
!!!<p id="test">text</p>
Прыклад
Давайце ўставім тэкст з тэгамі перад зададзеным абзацам:
<p id="test">text</p>
$('#test').before('<p>!!!</p>');
HTML код стане выглядаць так:
<p>!!!</p><p id="test">text</p>
Прыклад
Давайце паставім адзін абзац над другім (гэта значыць вырэжам абзац са старога месца і паставім у новае):
<p id="p1">text1</p>
<p id="p2">text2</p>
$('#p2').before('#p1');
HTML код стане выглядаць так:
<p id="p2">text2</p>
<p id="p1">text1</p>
Глядзіце таксама
-
метад
insertBefore,
які дадае тэкст перад зададзеным элементам -
метады
after,append,prepend,
якія дазваляюць дадаваць змесціва ў пэўнае месца на старонцы -
метад
clone,
які стварае копіі абраных элементаў
