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()

演示：Fiddle

Answer 2

克隆您需要的元素并将它们附加到div：

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

Demo

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

2 个答案: