Як можна перетворити елемент DOM в елемент jQuery?

Я створюю елемент з document.createElement (). Тепер як я можу передати його функції, яка приймає лише об'єкт Jquery?

$("#id") 

Я не можу ним користуватися, оскільки елемент ще не відображений на сторінці.

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