如何在不克隆包装器的情况下实现.Clone div

Question

如何在不复制div本身的情况下复制div的内容？

我使用这个函数，但它在div-2中复制div-1。

$(function(){
    var $div = $('.div-1').clone();
    $('.div-2').html($div);
});

HTML：

<div class="div-1">
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
</div>
<div class="div-2">
</div>
<div class="div-2">
</div>

目标：

<div class="div-1">
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
</div>
<div class="div-2">
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
</div>
<div class="div-2">
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
</div>

Answer 1

您可以使用以下方法克隆子元素：

 $(function(){
  var $div = $(".div-1").children().clone(true,true);
  $('.div-2').html($div);
 });

工作演示

Answer 2

你需要克隆他的孩子

$(function(){
    var $div = $('.div-1').children().clone();
    $('.div-2').html($div);
});

Answer 3

$('.div-2').html($('.div-1').html());

试试这个，它会起作用的