Усули append
Усули append матнро ба охири
элемент илова мекунад. Ҳамчунин усули
appendTo мавҷуд аст,
ки ба ҳамин монанд кор мекунад.
Синтаксис
Гузоштани матн ба охири элемент:
$(selector).append(матн);
Ба охири элементҳои интихобшуда метавон матнеро илова кард, ки аз тарафи функсияи корбар баргардонида мешавад. Функсия барои ҳар як элементҳои интихобшуда алоҳида фарохонӣ мешавад. Ҳангоми фарохонӣ ба он параметрҳои зерин дода мешаванд: мавқеии элемент дар маҷмӯъ, мундариҷаи ҷории элемент:
$(selector).append(function(рақам дар маҷмӯъ, мундариҷаи ҷории элемент));
Мундариҷа инчунин метавонад на танҳо матни оддӣ бошад, балки элементҳои DOM ё объекти jQuery низ бошад. Дар ин ҳолат ин элементҳо аз мавқеи худ дар рамзи HTML кӯчонида мешаванд.
Намуна
Биёед матнро ба охири абзази додашуда гузорем:
<p id="test">матн</p>
$('#test').append('!!!');
Рамзи HTML ба чунин шакл дархоҳад омад:
<p id="test">матн!!!</p>
Намуна
Биёед матнро бо тегҳо ба охири абзази додашуда гузорем:
<p id="test">матн</p>
$('#test').append('<b>!!!</b>');
Рамзи HTML ба чунин шакл дархоҳад омад:
<p id="test">матн<b>!!!</b></p>
Намуна
Биёед ҳамаи абзазҳоро ёбем ва ба охири ҳар яке аз онҳо рақами тартибиашро дар маҷмӯъ гузорем:
<p>матн</p>
<p>матн</p>
<p>матн</p>
<p>матн</p>
<p>матн</p>
$('p').append(function(index, text){return index;});
Рамзи HTML ба чунин шакл дархоҳад омад:
<p>матн0</p>
<p>матн1</p>
<p>матн2</p>
<p>матн3</p>
<p>матн4</p>