Метод jQuery append()

Методы HTML/CSS jQuery

Метод append() вставляет указанное содержимое в конец каждого选定ного элемента (в качестве последнего подэлемента).

Чтобы вставить содержимое в начало выбранного элемента, используйтеprepend()Метод.

Грамматика:

Вставить содержимое:

$(selector).append(content)

Вставка содержимого с помощью функции:

$(selector).append(function(index,　html))

Пример

Добавить текстовый контент во все абзацы:

$("button").click(function(){
　　$("p").append("Hello　world");
});

Вставить HTML во все абзацы:

$("button").click(function(){
　　$("p").append("<b>Hello　world</b>");
});

Этот пример использует document.createTextNode() для создания текстового узла и вставки его во все элементы <p>:

$("button").click(function(){
　　$("p").append(document.createTextNode("Hello world"));
});

Вставка содержимого с помощью функции:

$("button").click(function(){
　　$("p").append(function(i){
　　　　　　　return "<b>Элемент p имеет индекс " + i + ".</b>";
　　});
});

Значение параметра

Методы HTML/CSS jQuery