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