Метод 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,
кој создава копии на избраните елементи