Javascript 在jQuery中将同一元素作为子元素添加到两个不同的父元素中是否有效？

假设我有一些HTML

<div id="first"></div>
<div id="second"></div>

使用JavaScript和JQuery，我尝试执行以下操作

var $child = $("<span id='child'>Hello</span>");

$("#first").append($child);
$("#second").append($child);

var$child=$（“你好”）；
$（“#first”）。追加（$child）；
$（“#秒”）。追加（$child）；

我会有两个子节点的副本，还是会有两个对同一子节点的引用

更新

我意识到我创建子元素的示例有点错误。或许

var $child = $("<span/>").text("Hello");

var$child=$（“”）。text（“Hello”）；

---

更正确一点。

附加在

#first

元素中的子元素将被移动到

#second

元素，而

#first

元素为空。您可以使用

clone（）

插入子元素的副本

---

但是，DOM中不应该有多个ID相同的元素，因此请将

ID

更改为

Class

，以便

子元素
附加在
中的子元素将第一个
元素移动到
第二个
元素，而将
第一个
元素保留为空。您可以使用
clone（）
插入子元素的副本

但是，DOM中不应该有多个ID相同的元素，因此请将
子元素的
ID
更改为
Class