Javascript 如何使用jQuery附加包含多个元素的元素（div）？

我有一个对象

，其中包含许多div。还有一个简单的按钮。我想要的是在单击按钮时创建第一个对象

目前，我只能创建对象，但为空，如何创建包含所有子对象的div（其中的“hello”）呢

下面是一个简单的脚本

$（“.button”）。单击（函数（）{
var div=document.createElement（'div'）；
div.className='object'；
$（“.container”）.append（div）；
});
.object{
边缘顶部：10px；
宽度：100px；
高度：50px；
背景色：红色；
}

创建一个对象

你好

这里有一个可能的解决方案。可以将容器div视为子div元素的容器。因此，您需要克隆对象，然后将其附加到此容器中

查看这个片段


$（“.button”）。单击（函数（）{
$（“.object:first”）.clone（）.appendTo（“div.container”）；
});
.object{
边缘顶部：10px；
宽度：100px；
高度：50px；
背景色：红色；
}

创建一个对象

你好

如果希望它是第一项的副本，可以使用
clone（）
。如果该元素不应该在那里开始，则将该元素添加到页面的其他位置并选择它


$（“.button”）。单击（函数（）{
var cont=$（“.container”），
div=cont.find（“.object”）.eq（0.clone（）；
继续追加（div）；
});
.object{
边缘顶部：10px；
宽度：100px；
高度：50px；
背景色：红色；
}

创建一个对象

你好

给你……用true克隆它，这意味着它复制所有内容，包括事件等。。。然后附加该克隆

如果我帮忙，请投票支持我的答案。：）


$（“.button”）。单击（函数（）{
/*var div=document.createElement（'div'）；
div.className='object'；
$（“.container”）.append（div）*/
//新东西
var clone=$（“.object”）.clone（true）；
$（“.container”）.append（克隆）；
});
.object{
边缘顶部：10px；
宽度：100px；
高度：50px；
背景色：红色；
}

创建一个对象

你好

克隆并附加它？您可以附加html而不是DOM元素。如何执行此操作请@kernelmasterOP，如果其中一个答案解决了您的问题，您应该接受它