2015-01-14 2 views
1

div를 복사하지 않고 div의 내용을 복제하는 방법은 무엇입니까?래퍼를 복제하지 않고 div를 복제하는 방법

이 함수를 사용하지만 div-1 안에 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> 

답변

2

사용 아이들 요소를 복제 할 수 있습니다 :

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

Working Demo을 그것이 작동

+0

합니까이 복제 심지어 텍스트를 포함하여 더 깊은 수준에있는 모든 내용,? – coder

+0

예 http://jsfiddle.net/zf748beo/입니다. –

2

당신은

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

이 시도 그는 아이들을 복제 할 필요가

관련 문제