jQuery
Voranstellen

Ein Element an einen Container übergeben

Lösung 1:

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

Lösung 2:

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

Beide Lösungen fügen das Element #child (Element am Anfang) dem Element #parent .

Vor:

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

</div>

Nach dem:

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

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

Methode voranstellen

prepend() - Fügt den durch den Parameter angegebenen Inhalt an den Anfang jedes Elements in der Menge der übereinstimmenden Elemente ein.

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)

JQuery- version: 1.4 können Sie die Callback-Funktion als Argument verwenden. Wo können Sie Argumente als Indexposition des Elements in der Menge und den alten HTML-Wert des Elements erhalten. Innerhalb der Funktion bezieht sich this auf das aktuelle Element in der Menge.

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