Усули before

Усули before матнро пеш аз унсури додашуда илова мекунад. Ҳамчунин усули insertBefore мавҷуд аст, ки ба ҳамин тавр кор мекунад.

Синтаксис

Гузоштани матн пеш аз унсур:

javascript$(selector).before(matn);

Ба ин тавр пеш аз унсурҳои интихобшуда матне илова карда мешавад, ки аз тарафи функсияи корбарӣ баргардонида мешавад:

javascript$(selector).before(function(shomori dar set));

Як варианти дигари истифодаи функсия, бо параметри дуюм арзиши html-и кӯҳнаи унсур дода мешавад:

javascript$(selector).before(function(shomori dar set, satri html));

Матн на танҳо метавонад матни оддӣ бошад, балки ҳамчунин метавонад унсури DOM ё объекти jQuery бошад. Дар ин ҳолат ин унсурҳо аз мавқеи худ дар рамзи HTML кӯчонида мешаванд.

Намуна

Биёед матнро пеш аз абзаси додашуда гузорем:

html<p id="test">матн</p>

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

Рамзи HTML ба ин шакл дармеояд:

html!!!<p id="test">матн</p>

Намуна

Биёед матнро бо тегҳо пеш аз абзаси додашуда гузорем:

html<p id="test">матн</p>

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

Рамзи HTML ба ин шакл дармеояд:

html<p>!!!</p><p id="test">матн</p>

Намуна

Биёед як абзасро болои дигаре ҷойгир кунем (яъне абзасро аз ҷои кӯҳнааш бурида ва дар ҷои нав гузорем):

html<p id="p1">матн1</p>
<p id="p2">матн2</p>

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

Рамзи HTML ба ин шакл дармеояд:

html<p id="p2">матн2</p>
<p id="p1">матн1</p>

Ҳамчунин нигаред