Método jQuery append()

jQuery HTML/Métodos CSS

O método append() do jQuery insere o conteúdo especificado no final de cada elemento selecionado (como o último elemento filho).

Para inserir conteúdo no início do elemento selecionado, useprepend()Método.

Sintaxe:

Inserir conteúdo:

$(selector).append(content)

Inserir conteúdo usando função:

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

Exemplo

Adicionar alguns textos nos parágrafos:

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

Insira HTML em todos os parágrafos:

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

Este exemplo usa document.createTextNode() para criar um nó de texto e inseri-lo em todos os elementos <p>:

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

Inserir conteúdo usando função:

$("button").click(function(){
　　$("p").append(function(i){
　　　　　　　return "<b>O p elemento tem índice "　+　i　+　".</b>";
　　});
});

Valor do Parâmetro

jQuery HTML/Métodos CSS