javascript - 为什么jquery不将创建的span插入两个div中？

Question

我有以下 html:

<div id="one"></div>
<div id="two"></div>

当我在 jquery 中运行以下代码时:

$(function () {
    var span  = $("<span>name</span>");
    $("#one").append(span);
    $("#two").append(span);
});

跨度仅添加到最后一个 div:

<div id="one"></div>
<div id="two"><span>name</span></div>

我希望它被添加到两个 div 中，为什么不呢？

Answer 1

每个 DOM 元素都可以连接到一个特定的父元素。您不能将相同的 DOM 元素附加到两个 DOM 父元素。 <强> Refer SO

在这种情况下，您必须克隆该节点。

   $(function () {
    var span  = $("<span>name</span>");
    $("#one").append(span);
    $("#two").append(span.clone());
});

  
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<div id="one"></div>
<div id="two"></div>