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