Comment convertir un élément DOM en un élément jQuery ?

Question

Je crée un élément avec document.createElement(). Maintenant, comment puis-je le passer à une fonction qui ne prend qu'un objet Jquery ?

$("#id") 

Je ne peux pas l'utiliser, car l'élément n'a pas encore été rendu dans la page.

Answer 1

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

Answer 2

Qu'en est-il de la construction de l'élément à l'aide de jQuery ? par exemple.

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

crée un nouvel élément div, prêt à être ajouté à la page. Peut être encore raccourci en

$("<div>")

vous pouvez alors enchaîner les commandes dont vous avez besoin, mettre en place des gestionnaires d'événements et les ajouter au DOM. Par exemple

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

Answer 3

Jusqu'à présent, la meilleure solution que j'ai trouvée :

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

Answer 4

Je pense que jQuery fournit 'replaceWith' pour cela. voir ici .