如何在DOM中移动元素？

Question

23

我想在DOM中更改#superWidget的位置。我想将它从#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);

然而这会破坏我页面中使用的很多插件。

我不想重新绑定所有内容。有更好的方法吗？（我注意到jquery UI sortable可以在DOM中移动元素而不破坏任何交互...一定有办法。）

提前感谢您的帮助。

- user1031947

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Niet the Dark Absol · Accepted Answer

不要复制，只需执行以下操作：

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