一个div移动到另一个安置和从第一个

Question

在我的网页我有一个div，我想将它在另一个节点删除它，我发现这一点：

$("#myDiv").appendTo("#form"); 

但我得到myDiv的2种元素！

我怎样才能得到一个div？

Answer 1

速战速决是：

var myDivHTML = $("#myDiv").html(); 
$("#myDiv").remove(); 
$("#form").append(myDivHTML); 

注意
也就是说，当你从DOM删除元素，你也失去了绑定到这个元素及其所有子项的所有事件。要解决它，你必须绑定一个事件，其中将不会被删除的父元素，例如：

HTML

<div class="will-not-be-removed"> 
    <div class="this-one-will"> 
     <!--stuff here--> 
    </div> 
</div> 

JS

$(".will-not-be-removed").on("click", ".this-one-will", function(e){ 
    console.log("Click!"); 
}); 

现在你的事件不会直到内部DIV在移除/移动后停留在外部DIV内部时才会丢失。否则，您必须将事件绑定到DOM中较高的另一个元素。