Javascript 如何用jQuery中的所有子元素克隆父元素？

当我点击一个按钮时，我有下面的代码来添加新的段落。我正在克隆“sub”div并将其附加到“main”div。但是克隆“sub”div时，它只复制“sub”div的内容，即“inner”div，而不是复制“sub”div。在克隆多次之后，我需要有几个“sub”div。但是现在只有第一段有“sub”父div，而所有其他克隆div都有“inner”父div。我该怎么做呢

$（“按钮”）。在（“单击”，函数（）{
$（“.main”）.append（$（“.sub:last”）.clone（）.html（））；
});


新段落

添加新的
如果需要深度副本，则需要添加特定参数（有关详细信息，请参阅）：


$（“按钮”）。在（“单击”，函数（）{
$（.main”）.append（$（.sub:last”）.clone（true，true））；
});


新段落

添加新的
如果需要深度副本，则需要添加特定参数（有关详细信息，请参阅）：


$（“按钮”）。在（“单击”，函数（）{
$（.main”）.append（$（.sub:last”）.clone（true，true））；
});


新段落

添加新的
，但新段落仍然没有“sub”div，这是因为您要附加克隆的
.html（）
。删除它将克隆整个
sub
div并将其附加到
main
。我将编辑我的答案。但新段落中仍然没有“sub”div，这是因为您添加了克隆的
.html（）
。删除它将克隆整个
sub
div并将其附加到
main
。我将编辑我的答案。