Метод prepend
Метод prepend элементнинг бошлигига
матн қўшади. Шунингдек,
prependTo
методи ҳам мана шу тарзда ишлайди.
Синтаксис
Элемент бошлигига матн қўшиш:
javascript$(селектор).prepend(матн);
Танланган элементларнинг бошлигига фойдаланувчи томонидан қайтарилган матн қўшилиши мумкин. Функция ҳар бир танланган элемент учун алоҳида чақирилади. Чақирилганда уңа қуйидаги параметрлар берилади: элементнинг тўпламдаги ўрни, элементнинг жорий мазмуни:
javascript$(селектор).prepend(function(тўпламдаги рақам, элементнинг жорий мазмуни));
Мазмун нафақат оддий матн, балки DOM элементи ёки jQuery объекти ҳам бўлиши мумкин. Бундай ҳолда бу элементлар ўзларининг HTML коддаги ўринларидан жойларига кўчирилади.
Мисол
Келтирилган абзацнинг бошлигига матн қўшайлик:
html<p id="test">матн</p>javascript$('#test').prepend('!!!');
HTML код шу кўринишда бўлади:
html<p id="test">!!!матн</p>
Мисол
Келтирилган абзацнинг бошлигига тег билан матн қўшайлик:
html<p id="test">матн</p>javascript$('#test').prepend('<b>!!!</b>');
HTML код шу кўринишда бўлади:
html<p id="test"><b>!!!</b>матн</p>
Мисол
Барча абзацларни топиш ва ҳар бирининг бошлигига унинг тўпламдаги тартиб рақамини қўйиш:
html<p>матн</p>
<p>матн</p>
<p>матн</p>
<p>матн</p>
<p>матн</p>javascript$('p').prepend(function(index, text) {
return index;
});
HTML код шу кўринишда бўлади:
html<p>0матн</p>
<p>1матн</p>
<p>2матн</p>
<p>3матн</p>
<p>4матн</p>