Метод append
Метод append додаје текст на крај
елемента. Такође постоји метод
appendTo,
који ради на сличан начин.
Синтакса
Убацивање текста на крај елемента:
$(селектор).append(текст);
На крај изабраних елемената може се додати текст који ће бити враћен од стране корисничке функције. Функција се позива, посебно за сваки од изабраних елемената. Приликом позива њој се прослеђују следећи параметри: позиција елемента у скупу, тренутни садржај елемента:
$(селектор).append(function(број у скупу, тренутни садржај елемента));
Садржај такође може бити не само обичан текст, већ и DOM елемент или објекат jQuery. У том случају ти елементи ће се померити са своје позиције у HTML коду.
Пример
Додајмо текст на крај задатог пасуса:
<p id="test">текст</p>
$('#test').append('!!!');
HTML код ће изгледати овако:
<p id="test">текст!!!</p>
Пример
Додајмо текст са ознакама на крај задатог пасуса:
<p id="test">текст</p>
$('#test').append('<b>!!!</b>');
HTML код ће изгледати овако:
<p id="test">текст<b>!!!</b></p>
Пример
Пронађимо све пасусе и на крај сваком од њих ставимо његов редни број у скупу:
<p>текст</p>
<p>текст</p>
<p>текст</p>
<p>текст</p>
<p>текст</p>
$('p').append(function(index, text){return index;});
HTML код ће изгледати овако:
<p>текст0</p>
<p>текст1</p>
<p>текст2</p>
<p>текст3</p>
<p>текст4</p>
