我有以下 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 中,为什么不呢?
最佳答案
每个 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>
关于javascript - 为什么jquery不将创建的span插入两个div中?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29554076/