jQuery添加DOM元素

Question

這可能是一個簡單的答案，但我試圖添加一個dom創建的元素（即document.createElement(...)）到jQuery Selector。

jQuery有功能的大拼盤添加HTML

• 的.html（htmlString）
• .append（htmlString）
• .prepend（htmlString）

但我想做的就是加個dom OBJECT

var myFancyDiv = document.createElement("div"); 
myFancyDiv.setAttribute("id", "FancyDiv"); 

// This is the theoretical function im looking for. 
$("#SomeOtherDiv").htmlDom(myFancyDiv); 

Answer 1

試試這個：

$("#SomeOtherDiv").append($(myFancyDiv)); 

結束語在$（...）的DOM元素，我希望你可以與任何的是採取一個jQuery元素集合jQuery的DOM操作功能的添加。

Answer 2

這應該做到！

$("#SomeOtherDiv").append('<div id="FancyDiv"></div>')); 

Answer 3

這將在jQuery的1.4

$("<div/>",{ 
    id: 'FancyDiv' 
}).appendTo("#SomeOtherDiv"); 

http://api.jquery.com/jQuery/#jQuery2

Answer 4

你可以讓事情變得更簡單，更快的切割出的jQuery完全的東西，這個簡單的工作：

document.getElementById("SomeOtherDiv").appendChild(fancyDiv);