Метод append - добавление текста в конец элемента
Метод append добавляет текст в конец
элемента. Также существует метод
appendTo,
который работает аналогичным образом.
Синтаксис
Вставка текста в конец элемента:
$(селектор).append(текст);
В конец выбранных элементов можно добавить текст, который будет возвращен пользовательской функцией. Функция вызывается, отдельно для каждого из выбранных элементов. При вызове ей передаются следующие параметры: позиция элемента в наборе, текущее содержимое элемента:
$(селектор).append(function(номер в наборе, текущее содержимое элемента));
Содержимое также может быть не только обычным текстом, но и DOM элементом или объектом jQuery. В этом случае эти элементы переместятся со своей позиции в HTML коде.
Пример
Давайте вставим текст в конец заданного абзаца:
<p id="test">text</p>
$('#test').append('!!!');
HTML код станет выглядеть так:
<p id="test">text!!!</p>
Пример
Давайте вставим текст с тегами в конец заданного абзаца:
<p id="test">text</p>
$('#test').append('<b>!!!</b>');
HTML код станет выглядеть так:
<p id="test">text<b>!!!</b></p>
Пример
Давайте найдем все абзацы и в конец каждому из них поставим его порядковый номер в наборе:
<p>text</p>
<p>text</p>
<p>text</p>
<p>text</p>
<p>text</p>
$('p').append(function(index, text){return index;});
HTML код станет выглядеть так:
<p>text0</p>
<p>text1</p>
<p>text2</p>
<p>text3</p>
<p>text4</p>