jQuery
Prepend

Prependiendo un elemento a un contenedor

Solución 1:

 $('#parent').prepend($('#child')); 

Solución 2:

 $('#child').prependTo($('#parent'));

Ambas soluciones están anteponiendo el elemento #child (agregando al principio) al elemento #parent .

Antes de:

<div id="parent">
  <span>other content</span>
</div>
<div id="child">

</div>

Después:

<div id="parent">
  <div id="child">

  </div>
  <span>other content</span>
</div>

Método prepend

prepend() : inserta contenido, especificado por el parámetro, al principio de cada elemento en el conjunto de elementos coincidentes.

1. prepend( content [, content ] )

// with html string
jQuery('#parent').prepend('<span>child</span>');
// or you can use jQuery object
jQuery('#parent').prepend($('#child'));
// or you can use comma seperated multiple elements to prepend
jQuery('#parent').prepend($('#child1'),$('#child2'));

2. prepend(function)

version: 1.4 JQuery version: 1.4 adelante, puede utilizar la función de devolución de llamada como argumento. Donde puede obtener argumentos como posición de índice del elemento en el conjunto y el valor HTML antiguo del elemento. Dentro de la función, this refiere al elemento actual en el conjunto.

jQuery('#parent').prepend(function(i,oldHTML){      
     // return the value to be prepend
     return  '<span>child</span>';
});