Método jQuery prepend()

jQuery HTML/Métodos CSS

El método prepend() inserta el contenido especificado al principio de cada elemento seleccionado (como primer hijo).

Para insertar contenido al final del elemento seleccionado, utiliceappend()Método.

Sintaxis:

Insertar contenido previo:

$(selector).prepend(content)

Agregar contenido usando una función:

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

Ejemplo

Añadir contenido de texto antes de todos los párrafos:

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

Añadir algo de HTML antes de todos los párrafos:

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

Este ejemplo utiliza document.createTextNode() para crear un nodo de texto y agregarlo antes de todos los elementos <p>:

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

Agregar contenido usando una función:

$("button").click(function(){
　　$("p").prepend(function(i){
return "<b>This p element has index "　+　i　+　"</b>";
　　});
});

Valor del parámetro

jQuery HTML/Métodos CSS