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

Question

我想克隆一个整体div，但排除其中的最后一个<p>元素div。如何使用 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()

演示：小提琴

Answer 2

克隆你需要的元素并将它们附加到一个 div 中：

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

演示