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>
