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