如何将DOM元素转换为jQuery元素?

我正在用document.createElement()创建一个元素。 现在我怎么能把它传递给一个函数,只需要一个Jquery对象?< / p >
$("#id")

我不能使用它,因为元素还没有在页面中呈现。

192403 次浏览
var elm = document.createElement("div");
var jelm = $(elm);//convert to jQuery Element
var htmlElm = jelm[0];//convert to HTML Element

使用jQuery构造元素怎么样?如。

$("<div></div>")

创建一个新的div元素,准备添加到页面。可以进一步缩短为

$("<div>")

然后你可以链接你需要的命令,设置事件处理程序并将其附加到DOM。例如

$('<div id="myid">Div Content</div>')
.bind('click', function(e) { /* event handler here */ })
.appendTo('#myOtherDiv');

到目前为止,我做的最好的解决方案是:

function convertHtmlToJQueryObject(html){
var htmlDOMObject = new DOMParser().parseFromString(html, "text/html");
return $(htmlDOMObject.documentElement);
}