Метод 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>