Создать клон первых двух divs

Question

Я хочу создать клон первых двух div из parent 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>' 

Я попытался ниже код, но он будет клонировать только первый ДИВ родительского дел.

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

Мой вопрос заключается в том, чтобы клонировать первые два DIV из родительского сНу?

Answer 1

Вам необходимо использовать :lt селектор.

Выделите все элементы с индексом, меньшим, чем индекс, в пределах согласованного набора.

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

или

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

Working Demo