Question

我想创建parent Div前两个div的克隆。

HTML代码

<div id="parent">
    <div class="child"> <div class="child1>Content1...</div> </div>
    <div class="child">Content2...</div>
    <div class="child">Content3...</div>
    <div class="child">Content4...</div>
    <div class="child">Content5...</div>
    <div class="child">Content6...</div>
</div>

预期输出

clone_object = '<div class="child"> <div class="child1>Content1...</div> </div>
                <div class="child">Content2...</div>'

我尝试了下面的代码，但它只会克隆父div的第一个div。

clone_object = $("#parent").find("div:first").clone();

我的问题是如何克隆父 div的前两个div？

Answer 1

您需要使用 :lt 选择器。

选择匹配集内索引小于索引的所有元素。

 $("#parent .child:lt(2)").clone();

或

 $("#parent>div:lt(2)").clone();

<强> Working Demo

创建前两个div的克隆

1 个答案: