jquery - jqueryのクローンが親を複製しているのに子は複製していないのはなぜですか？

Question

私は次のように親divとその子を持っています：

<div id="padre" class="demo">
 <ul id="sortable1" class="droptrue ui-sortable">
  <li id="app1" class="ui-state-default toolTip">
   <div id="00" class="AppPadre"></div>

したがって、次の行で親divのクローンを作成すると、次のようになります。

var $copia = $('#padre>*').clone();

クローン変数を出力すると、次のように表示されます。

<div id="padre" class="demo">
 <ul id="sortable1" class="droptrue ui-sortable">

なぜ最初の2つのレベルだけをコピーするのか誰かが知っていますか？前もって感謝します。コピーの直後に、$（'＃padre> *'）。remove（）;を使用して「padre」のすべてのサブ要素を削除します。そしてそれはすべてのサブ要素を削除しますが、私が追加を行うとき、それは「padre」の最初のサブ要素だけを追加します。

Answer 1

タグを正しく閉じていません：

<div id="padre" class="demo">

     <ul id="sortable1" class="droptrue ui-sortable">
        <li id="app1" class="ui-state-default toolTip"><li>
     </ul>

    <div id="00" class="AppPadre"></div>

</div>

http://jsfiddle.net/E8uJm/

---

編集：次のことを試してください：

$('#padre').children().clone();
$("#clone").append($copia);
$('#padre').remove();

http://jsfiddle.net/E8uJm/2/

Answer 2

これを試して：

var $copia = $('#padre>*').clone(true, true);