Метод prepend
Методът prepend добавя текст в началото
на елемент. Съществува и метод
prependTo,
който работи по подобен начин.
Синтаксис
Добавяне на текст в началото на елемент:
$(селектор).prepend(текст);
В началото на избраните елементи може да се добави текст, който се връща от потребителска функция. Функцията се извиква отделно за всеки от избраните елементи. При извикване ѝ се предават следните параметри: позиция на елемента в набора, текущо съдържание на елемента:
$(селектор).prepend(function(номер в набора, текущо съдържание на елемента));
Съдържанието може да бъде не само обикновен текст, но и DOM елемент или jQuery обект. В този случай тези елементи ще бъдат преместени от текущата си позиция в HTML кода.
Пример
Нека добавим текст в началото на зададен параграф:
<p id="test">text</p>
$('#test').prepend('!!!');
HTML кодът ще изглежда така:
<p id="test">!!!text</p>
Пример
Нека добавим текст с тагове в началото на зададен параграф:
<p id="test">text</p>
$('#test').prepend('<b>!!!</b>');
HTML кодът ще изглежда така:
<p id="test"><b>!!!</b>text</p>
Пример
Нека намерим всички параграфи и в началото на всеки от тях поставим неговия пореден номер в набора:
<p>text</p>
<p>text</p>
<p>text</p>
<p>text</p>
<p>text</p>
$('p').prepend(function(index, text) {
return index;
});
HTML кодът ще изглежда така:
<p>0text</p>
<p>1text</p>
<p>2text</p>
<p>3text</p>
<p>4text</p>
