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

Question

假设我有一些 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 = $("<span/>").text("Hello");

更正确一点。

Answer 1

附加在#first元素中的子元素将被移动到#second元素，而#first元素为空。您可以使用 clone() 插入子元素的副本。

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