jQuery
前置

要素をコンテナに追加する

解決策1：

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

解決策2：

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

両方の溶液は、要素プリペンドさ#child要素に（先頭に追加）を#parent 。

前：

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

</div>

後：

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

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

前置方法

prepend() - パラメータで指定された内容を、一致する要素のセットの各要素の先頭に挿入します。

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以降では、コールバック関数を引数として使用できます。ここでは、引数内の要素のインデックス位置と要素の古いHTML値として引数を取得できます。関数内では、 thisはセット内の現在の要素を参照します。

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