问如何在DOM中移动元素？
EN

Stack Overflow用户

提问于 2012-12-30 13:53:08

回答 1查看 30.9K关注 0票数 21

我在DOM中有一个#superWidget元素，它非常具有交互性。它使用jquery UI可排序、可拖动和一堆其他插件。

<div id="wrapperA"></div>
<div id="wrapperB">
  <div id="superWidget"></div>
</div>

我想改变#superWidget在DOM中的位置。我想把它从#wrapperB中删除，放在#wrapperA中。

<div id="wrapperA">
  <div id="superWidget"></div>
</div>
<div id="wrapperB"></div>

我已经尝试了以下几种方法。

var copy = $("#superWidget").clone(true, true);
$("#superWidget").remove();
$("#wrapperA").append(copy);

...however这破坏了很多插件。

我不想重新绑定所有内容。有没有更好的方法来做这件事？(我注意到jquery UI sortable不知何故能够在DOM中移动元素，而不会破坏任何交互性……一定会有办法的。)

(提前)感谢你的帮助

回答已采纳

发布于 2012-12-30 13:56:16

不要重复，只需这样做：

document.getElementById('wrapperA').appendChild(document.getElementById('superWidget'));

票数 55

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/14088650

复制

相似问题

问如何在DOM中移动元素？EN