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