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);