Метод before
Метод before додаје текст испред задатог
елемента. Такође постоји метод
insertBefore,
који ради на аналоган начин.
Синтакса
Уметање текста пре елемента:
$(selector).before(tekst);
Ево како ће испред изабраних елемената бити додат текст који ће бити враћен корисничком функцијом:
$(selector).before(function(redni broj u setu));
Још једна варијанта употребе функције, другим параметром задаје се стара html вредност елемента:
$(selector).before(function(redni broj u setu, html string));
Текст такође може бити не само обичан текст, већ и 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,
који прави копије изабраних елемената
