Как преобразовать элемент DOM в элемент jQuery?

Я создаю элемент с document.createElement(). Теперь, как передать его функции, которая принимает только объект JQuery?

$("#id")

Я не могу использовать его, так как элемент еще не был отображен на странице.

Ответы

Ответ 1

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

Ответ 2

Как построить элемент с помощью jQuery? например.

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

создает новый элемент div, готовый к добавлению на страницу. Может быть сокращено до

$("<div>")

тогда вы можете подключиться к командам, которые вам нужны, настроить обработчики событий и добавить их в DOM. Например

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

Ответ 3

Пока лучшее решение, которое я сделал:

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