Методот append
Методот append додава текст на крајот
на елементот. Исто така постои метод
appendTo,
кој работи на сличен начин.
Синтакса
Вметнување текст на крајот на елементот:
javascript$(селектор).append(текст);
На крајот на избраните елементи може да се додаде текст, кој ќе биде вратен од корисничката функција. Функцијата се повикува, одделно за секој од избраните елементи. При повикувањето и се пренесуваат следните параметри: позиција на елементот во множеството, тековната содржина на елементот:
javascript$(селектор).append(function(број во множеството, тековна содржина на елементот));
Содржината може да биде не само обичен текст, туку и DOM елемент или jQuery објект. Во овој случај овие елементи ќе се преместят од нивната позиција во HTML кодот.
Пример
Ајде да вметнеме текст на крајот на дадениот параграф:
html<p id="test">text</p>javascript$('#test').append('!!!');
HTML кодот ќе изгледа вака:
html<p id="test">text!!!</p>
Пример
Ајде да вметнеме текст со тагови на крајот на дадениот параграф:
html<p id="test">text</p>javascript$('#test').append('<b>!!!</b>');
HTML кодот ќе изгледа вака:
html<p id="test">text<b>!!!</b></p>
Пример
Ајде да ги најдеме сите параграфи и на крајот на секој од нив да го поставиме неговиот редоследен број во множеството:
html<p>text</p>
<p>text</p>
<p>text</p>
<p>text</p>
<p>text</p>javascript$('p').append(function(index, text){return index;});
HTML кодот ќе изгледа вака:
html<p>text0</p>
<p>text1</p>
<p>text2</p>
<p>text3</p>
<p>text4</p>