为什么jquery克隆克隆父节点而不是它的子节点？


Why is jquery clone cloning the parent but not its children?

我有一个父分区，它的子分区如下：

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

所以当我用下一行克隆父DIV时：

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

我打印克隆的变量，它只显示：

1
 <ul id="sortable1" class="droptrue ui-sortable">

有人知道它为什么只复制前两级吗？？事先谢谢。复制后，我将用$(‘padre>>’)删除"padre"的所有子元素。remove()；它确实删除了所有子元素，但当我执行append时，它只附加"padre"的第一个子元素。

相关讨论

您没有正确关闭标签：

1
2
3
4
5
6
     <ul id="sortable1" class="droptrue ui-sortable">
        <li id="app1" class="ui-state-default toolTip">
<li>

     
</ul>

http://jsfiddle.net/e8ujm/

编辑：尝试以下操作：

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

http://jsfiddle.net/e8ujm/2/

相关讨论

试试这个：

1
var $copia = $('#padre>*').clone(true, true);
相关讨论