克隆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

克隆，你需要把它們添加到一個div元素：

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

Demo