Método jQuery prepend()

jQuery HTML/Métodos CSS

O método prepend() do jQuery insere o conteúdo especificado no início de cada elemento selecionado (como o primeiro filho).

Para inserir conteúdo no final do elemento selecionado, use:append()Método.

Sintaxe:

Inserir conteúdo anterior:

$.selector().prepend(content)

Adicionar conteúdo usando função:

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

Exemplo

Adicionar algum conteúdo de texto antes de todos os parágrafos:

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

Adicionar alguns HTML antes de todos os parágrafos:

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

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

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

Adicionar conteúdo usando função:

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

Valor do Parâmetro

jQuery HTML/Métodos CSS