मैं एक DOM तत्व को jQuery तत्व में कैसे बदल सकता हूँ?

Question

मैं document.createElement () के साथ एक तत्व बना रहा हूं। अब मैं इसे एक फ़ंक्शन पर कैसे पारित कर सकता हूं जो केवल एक जेक्वेरी ऑब्जेक्ट लेता है?

$("#id") 

मैं इसका उपयोग नहीं कर सकता, क्योंकि तत्व को पृष्ठ में अभी तक प्रस्तुत नहीं किया गया है।

Comments

इस प्रश्न को स्टैकओवरफ्लो में सबसे अच्छे प्रश्न के रूप में सम्मानित किया जाना चाहिए

— ओलिवर

Answer 1

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

Comments

यह काम करता है क्योंकि jquery न केवल एक स्ट्रिंग चयनकर्ता, बल्कि मौजूदा jquery वस्तु, या मुख्य $ () क्वेरी फ़ंक्शन के लिए एक तर्क के रूप में किसी भी मान्य डोम ऑब्जेक्ट को ले जाएगा।

— सैमुअल मेचम

रिवर्स के बारे में क्या? आपके पास एक jquery तत्व है और इसे एक मूल तत्व में बदलना चाहते हैं?

— रयान सैम्पसन

इसके द्वारा किया जा सकता है: johnjianfang.blogspot.com/2009/04/…

— रयान सैम्पसन

अद्भुत! बहुत उपयोगी

— ओलिवर

अरे @ मारी यह काम करेगा अगर एल्म में डोम नोड्स का संग्रह होता है?

— daremkd

Answer 2

JQuery का उपयोग करके तत्व के निर्माण के बारे में क्या? जैसे

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

एक नया div एलिमेंट बनाता है, जो पेज में जोड़े जाने के लिए तैयार है। आगे छोटा किया जा सकता है

$("<div>")

तब आप उन कमांड पर चेन कर सकते हैं जिनकी आपको ज़रूरत है, इवेंट हैंडलर सेट करें और इसे DOM पर अपेंड करें। उदाहरण के लिए

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

Comments

वास्तव में मैं कहीं से तत्व प्राप्त कर रहा हूं जहां मैं कोड नहीं बदल सकता हूं

— तन्मय

Answer 3

अब तक का सबसे अच्छा समाधान जो मैंने बनाया है:

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