將DOM DIV附加到jQuery動態創建DIV

Question

我已經通過JQuery創建了一個新的DIV。現在我想要一個現有的div並將其放入我的動態創建的div中。我目前的解決方案不起作用。

$(".body").append("<div id='new'></div>", function(){ 
      $("#old").appendTo("#new"); 
     }); 

我不能將非動態div設置爲動態div的孩子嗎？

感謝

Answer 1

試試這個

$("<div/>", { id: "new" }).appendTo("body"); 

$("#old").appendTo("#new"); 

Answer 2

你不是引用的是 '新' DIV正常。我建議從實際的ID刪除哈希，然後做這個：

$("body").append("<div id='new'></div>"); 
$("#old").appendTo($("#new")); 

您可以將哈希那裏，如果你願意，但是，除非你使用HTML5，ID的不能用特殊字符開頭。

編輯：你不應該使用回調，你需要消除'。'從'身體'，因爲它不是一個類，除非你創建了一個。 http://jsfiddle.net/ZDFg4/

Answer 3

您正在使用.append(content [, content ])

$(".body").append("<div id='new'></div>", function(){ 
    $("#old").appendTo($("#new")); 
}); 

這樣的內容被追加到沒有函數被調用。 見Fiddle Demo

---

您可以使用.append(function(index, html))

Working Demo

$(".body").append(function() { 
    return $("<div/>", { 
     id: "new" 
    }).append($("#old")); 
}); 

Answer 4

首先是你有意使用。體或要附加到剛

硒condly你正在使用id =「＃new」，它應該只是id =「new」

第三，請閱讀.append（）文檔，瞭解如何使用它。

第四，你需要的.html（）

現在試試這個。

$("body").append("<div id='new'></div>"); 
$("#new").append($('#old'));