Метод prepend

prepend методу элементдин башына текст кошот. Ошондой эле prependTo методу бар, ал окшош жол менен иштейт.

Синтаксис

Элементдин башына текст киргизүү:

javascript$(селектор).prepend(текст);

Тандалган элементтердин башына колдонуучунун функциясы кайтарган текст кошулушу мүмкүн. Функция ар бир тандоо үчүн өзүнчө чакырылат. Чакырууда төмөнкү параметрлер берилет: элементтин топтогу орду, элементтин учурдагы мазмуну:

javascript$(селектор).prepend(function(топтогу номери, элементтин учурдагы мазмуну));

Мазмун жөнөкөй текст эмес, ошондой эле DOM элементи же jQuery объектиси болушу мүмкүн. Бул учурда бул элементтер өздөрүнүн HTML коддогу ордунан жылышат.

Мисал

Келгиле, берилген абзацтын башына текст киргизели:

html<p id="test">текст</p>

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

HTML код төмөнкүдөй көрүнөт:

html<p id="test">!!!текст</p>

Мисал

Келгиле, тегдер менен кошо текстти берилген абзацтын башына киргизели:

html<p id="test">текст</p>

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

HTML код төмөнкүдөй көрүнөт:

html<p id="test"><b>!!!</b>текст</p>

Мисал

Келгиле, бардык абзацтарды таап, ар биринин башына анын топтогу тартиптүү номерин коёлу:

html<p>текст</p>
<p>текст</p>
<p>текст</p>
<p>текст</p>
<p>текст</p>

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

HTML код төмөнкүдөй көрүнөт:

html<p>0текст</p>
<p>1текст</p>
<p>2текст</p>
<p>3текст</p>
<p>4текст</p>

Ошондой эле караңыз