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);
 });

<强> Working Demo

Answer 2

您需要克隆孩子

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

Answer 3

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

试试这个会起作用

如何.Clone div而不克隆包装器

3 个答案: