JQuery克隆div并在最后一个下面插入

有人知道为什么克隆的div总是在第一个div之后插入，而不是在最后添加（克隆）的div之后插入吗？我还尝试了许多简单javascript的变体，但没有成功

请参见示例：

document.getElementById（“add div”）.onclick=function（）{
$（“#待克隆”）.clone（）.insertAfter（$（“#待克隆：last”）；
}

一
二
三
Add div

问题是因为您正在克隆具有

id

的元素，这会导致DOM中重复的

id

属性。通过该

id

选择时，只会找到第一个元素

要解决此问题，请使用

类

，然后根据需要使用

：first

和

：last

选择器：

$（“#添加div”）。单击（函数（）{
$（'.待克隆：第一个'）.clone（）.insertAfter（'.待克隆：最后一个'）；
});

一
二
三
添加div
没问题。如果答案有用，别忘了接受