一個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中較高的另一個元素。