Método prepend
El método prepend agrega texto al inicio
del elemento. También existe el método
prependTo,
que funciona de manera similar.
Sintaxis
Insertar texto al inicio del elemento:
$(selector).prepend(texto);
Al inicio de los elementos seleccionados se puede agregar texto, que será devuelto por una función personalizada. La función se llama por separado para cada uno de los elementos seleccionados. Al llamarla se le pasan los siguientes parámetros: posición del elemento en el conjunto, contenido actual del elemento:
$(selector).prepend(function(número en el conjunto, contenido actual del elemento));
El contenido también puede ser no solo texto simple sino también un elemento DOM o un objeto jQuery. En este caso, estos elementos se moverán desde su posición en el código HTML.
Ejemplo
Insertemos texto al inicio del párrafo dado:
<p id="test">texto</p>
$('#test').prepend('!!!');
El código HTML se verá así:
<p id="test">!!!texto</p>
Ejemplo
Insertemos texto con etiquetas al inicio del párrafo dado:
<p id="test">texto</p>
$('#test').prepend('<b>!!!</b>');
El código HTML se verá así:
<p id="test"><b>!!!</b>texto</p>
Ejemplo
Encontremos todos los párrafos y al inicio de cada uno de ellos coloquemos su número de orden en el conjunto:
<p>texto</p>
<p>texto</p>
<p>texto</p>
<p>texto</p>
<p>texto</p>
$('p').prepend(function(index, text) {
return index;
});
El código HTML se verá así:
<p>0texto</p>
<p>1texto</p>
<p>2texto</p>
<p>3texto</p>
<p>4texto</p>
