Метод 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, text) {
return index;
});
HTML код төмөнкүдөй көрүнөт:
<p>0текст</p>
<p>1текст</p>
<p>2текст</p>
<p>3текст</p>
<p>4текст</p>