Метод append
Метод append элементнинг охирига текст
қўшади. Шунингдек, appendTo
методи ҳам мавжуд бўлиб, ўхшаш тарзда ишлайди.
Синтаксис
Элементнинг охирига текст қўйиш:
$(селектор).append(матн);
Танланган элементларнинг охирига фойдаланувчи томонидан қайтарилган матн қўшилиши мумкин. Функция танланган ҳар бир элемент учун алоҳида чақирилади. Чақирилганда унга куйидаги параметрлар ўтказилади: элементнинг тўпламдаги ўрни, элементнинг жорий мазмуни:
$(селектор).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>
