Усули before
Усули before матнро пеш аз унсури
додашуда илова мекунад. Ҳамчунин усули
insertBefore
мавҷуд аст, ки ба ҳамин тавр кор мекунад.
Синтаксис
Гузоштани матн пеш аз унсур:
$(selector).before(matn);
Ба ин тавр пеш аз унсурҳои интихобшуда матне илова карда мешавад, ки аз тарафи функсияи корбарӣ баргардонида мешавад:
$(selector).before(function(shomori dar set));
Як варианти дигари истифодаи функсия, бо параметри дуюм арзиши html-и кӯҳнаи унсур дода мешавад:
$(selector).before(function(shomori dar set, satri html));
Матн на танҳо метавонад матни оддӣ бошад, балки ҳамчунин метавонад унсури DOM ё объекти jQuery бошад. Дар ин ҳолат ин унсурҳо аз мавқеи худ дар рамзи HTML кӯчонида мешаванд.
Намуна
Биёед матнро пеш аз абзаси додашуда гузорем:
<p id="test">матн</p>
$('#test').before('!!!');
Рамзи HTML ба ин шакл дармеояд:
!!!<p id="test">матн</p>
Намуна
Биёед матнро бо тегҳо пеш аз абзаси додашуда гузорем:
<p id="test">матн</p>
$('#test').before('<p>!!!</p>');
Рамзи HTML ба ин шакл дармеояд:
<p>!!!</p><p id="test">матн</p>
Намуна
Биёед як абзасро болои дигаре ҷойгир кунем (яъне абзасро аз ҷои кӯҳнааш бурида ва дар ҷои нав гузорем):
<p id="p1">матн1</p>
<p id="p2">матн2</p>
$('#p2').before('#p1');
Рамзи HTML ба ин шакл дармеояд:
<p id="p2">матн2</p>
<p id="p1">матн1</p>
Ҳамчунин нигаред
-
усули
insertBefore,
ки матнро пеш аз унсури додашуда илова мекунад -
усулҳои
after,append,prepend,
ки имкон медиҳанд муҳтаво ба ҷои муайян дар саҳифа илова карда шавад -
усули
clone,
ки нусхаҳои унсурҳои интихобшударо эҷод мекунад
