Javascript 如何将div与clone合并

HTML代码

<div id="parent">
    <div class="child">Content1...</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 = $("#parent>div:lt(2)").clone();

我尝试了以下代码，但没有给出任何结果

clone_object.add($("<div class='clear'></div>"));

clone_对象。添加（$（“”）；

预期产出

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

Content1。。。
内容2。。。

---

我的问题是如何将

div

与已创建的克隆合并？

无需使用jquery来清除浮动。使用css，如下所示：

#parent:after{
    content: "";
    clear: both;
    display: block;
}

clone_object=$（“#parent>div:lt（2）”）.clone（）；
newObj=$（''）；
var obj=$.extend（{}，clone_对象，newObj）；
控制台日志（obj）

内容1。。。
内容2。。。
内容3。。。
内容4。。。
内容5。。。
内容6。。。
尝试
追加
而不是
添加
@Mr_Green我尝试了它不起作用顺便问一下，为什么要添加一个额外的div？似乎您添加它是为了清除浮动。。是吗？是的，我需要在创建克隆后清除float。不要这样做。使用
：在
伪类之后清除浮点数。你检查过我的预期输出吗？@Sadikhasan你说你正试图用类添加该div以清除浮点数，对吗？是的，但在很多情况下，我想动态添加clear div。这就是为什么我needed@Sadikhasan我仍然认为这应该是可行的，因为它不会损害布局，除非您已经在父元素中使用了伪类。了解我的情况，我需要动态添加div以清除float。