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>