Метод append

Метод append элементнинг охирига текст қўшади. Шунингдек, appendTo методи ҳам мавжуд бўлиб, ўхшаш тарзда ишлайди.

Синтаксис

Элементнинг охирига текст қўйиш:

javascript$(селектор).append(матн);

Танланган элементларнинг охирига фойдаланувчи томонидан қайтарилган матн қўшилиши мумкин. Функция танланган ҳар бир элемент учун алоҳида чақирилади. Чақирилганда унга куйидаги параметрлар ўтказилади: элементнинг тўпламдаги ўрни, элементнинг жорий мазмуни:

javascript$(селектор).append(function(тўпламдаги рақам, элементнинг жорий мазмуни));

Мазмун фақат оддий матн эмас, балки DOM элемент ёки jQuery объекти ҳам бўлиши мумкин. Бу ҳолда бу элементлар ўзларининг HTML коддаги ўрнидан кўчирилади.

Мисол

Келтирилган абзацнинг охирига матн қўшайлик:

html<p id="test">матн</p>

javascript$('#test').append('!!!');

HTML код куйидаги кўринишга келади:

html<p id="test">матн!!!</p>

Мисол

Келтирилган абзацнинг охирига тегли матн қўшайлик:

html<p id="test">матн</p>

javascript$('#test').append('<b>!!!</b>');

HTML код куйидаги кўринишга келади:

html<p id="test">матн<b>!!!</b></p>

Мисол

Барча абзацларни топиш ва уларнинг ҳар бирининг охирига унинг тўпламдаги тартиб рақамини қўйиш:

html<p>матн</p>
<p>матн</p>
<p>матн</p>
<p>матн</p>
<p>матн</p>

javascript$('p').append(function(index, text){return index;});

HTML код куйидаги кўринишга келади:

html<p>матн0</p>
<p>матн1</p>
<p>матн2</p>
<p>матн3</p>
<p>матн4</p>

Шунингдек қаранг