div를 복제하여 마지막 자식 요소 제외

Question

전체 div을 복제하려고 하나 해당 div의 마지막 <p> 요소는 제외합니다. jQuery를 사용하여이를 수행하는 방법?

기존 사업부 :

<div class="clone"> 
    <p>Content<p> 
    <p>Content<p> 
    <p>Content<p> 
    <p class="exclude">Content<p> 
</div> 

나는 복제 후이 원하는 :

<div class="clone"> 
    <p>Content<p> 
    <p>Content<p> 
    <p>Content<p> 
    <p class="exclude">Content<p> 
</div> 
<div class="clone"> 
    <p>Content<p> 
    <p>Content<p> 
    <p>Content<p> 
</div> 

Answer 1

클론 요소가 다음 마지막 자식을 제거

var clone = $('.clone').clone().find('.exclude').remove().end() 

또는

var clone = $('.clone').clone().children(':last').remove().end() 

데모 : Fiddle

Answer 2

복제 당신이 필요로하고 사업부로 추가 요소는 :

var $clone = $('<div class="clone"></div>').append(
    $('.clone').children(':not(.exclude)').clone() 
).insertAfter('.clone:first'); 

Demo