एक jQuery ऑब्जेक्ट को d3 ऑब्जेक्ट में कैसे परिवर्तित करें?

Question

मुझे D3js के साथ jQuery का उपयोग करने में समस्या है।

मेरे पास "elem" नामक एक jQuery तत्व है और मैं कुछ D3js फ़ंक्शन करना चाहता हूं।

इस कोड काम करता है:

d3.select("body").append("svg").attr("width", 300).attr("height", 300).append("g").attr("transform", "translate(150,150)").selectAll("text").data(words).enter().append("text")...... 

इस कोड

elem.append("svg").attr("width", 300).attr("height", 300).append("g").attr("transform", "translate(150,150)").selectAll("text").data(words).enter().append("text")...... 

तो कैसे एक डी 3 वस्तु में jQuery वस्तु कन्वर्ट करने के लिए नहीं करता है?

Answer 1

आप .get का उपयोग कर स्वयं को jQuery ऑब्जेक्ट से डोम एलिमेंट्स प्राप्त कर सकते हैं और फिर उन्हें डी 3 चयनकर्ता के साथ चुन सकते हैं जैसे कि आप कोई डोम एलिमेंट करेंगे।

d3.select($("#selection").get(0)); 

Answer 2

आप वस्तुओं को सीधे रूपांतरित नहीं कर सकते हैं। आपको d3js का उपयोग कर तत्व को फिर से चुनना होगा। d3js चयनकर्ताओं, इस

d3.select("#mydiv") 

तरह काम करते हैं तो बस इतना

d3.select("#" + elem.attr("id")).append("svg").attr("width", 300)... 

बेशक तरह jQuery तत्व से id निकालने अगर आप केवल तत्व का चयन करने jQuery उपयोग कर रहे हैं तो आप d3js स्विच कर लेना चाहिए इसके बजाय चयन।

संपादित करें: मैं ओज़न का उत्तर ऊपर पसंद करता हूं, इसका उपयोग करें!