克隆div排除最后一个子元素

Question

我想克隆一个整体div但排除其中的最后一个<p>元素div.如何使用jQuery来做到这一点？

原来的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>
    <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()

演示:小提琴