आप $ (इस) पर बाहरी HTML क्यों नहीं कॉल कर सकते हैं?

Question

आप एक पूरे DOM तत्व का HTML प्राप्त करना चाहते हैं (आवरण शामिल है), तो आपको निम्न (के रूप में समझाया here) कर सकते हैं:

$('#myElementId')[0].outerHTML 

लेकिन क्या आप ऐसा नहीं कर सकते हैं पर कॉल outerHTML है उदाहरण के अंदर $(this) एक क्लिक के श्रोता या चयनकर्ता समारोह शरीर गुंजाइश:

$(this).outerHTML //Doesn't complete in IntelliSense, returns undefined in browser 

या

$(this)[0].outerHTML //Correction, this DOES work, but it doesn't complete in IntelliSense 

क्योंकि IntelliSense innerHTML या outerHTML उन परिस्थितियों में नहीं दिखाया जाएगा, हालांकि वेनिला के साथ आप कर सकते हैं जावास्क्रिप्ट:

document.getElementById($(this).attr('id')).outerHTML 

तो ... इसके साथ क्या चल रहा है?

Answer 1

outerHTML एक डोम संपत्ति है; jQuery सभी डीओएम गुणों का पर्दाफाश नहीं करता है।

यदि आपके पास कोई jQuery ऑब्जेक्ट है, तो आप केवल उन गुणों और विधियों तक पहुंच सकते हैं जो jQuery का खुलासा करते हैं, और इसके विपरीत डीओएम ऑब्जेक्ट्स के लिए।

ऑब्जेक्ट उन्मुख शर्तों में, jQuery ऑब्जेक्ट्स DOM ऑब्जेक्ट्स से प्राप्त नहीं होते हैं, उनमें वे होते हैं।

$x[0] कह रहा है कि आप एक jQuery ऑब्जेक्ट द्वारा प्रतिनिधित्व किए गए पहले तत्व के लिए DOM ऑब्जेक्ट प्राप्त करते हैं।

Answer 2

आप सीधे this वर्तमान वस्तु के outerHTML का उपयोग करने के बजाय परोक्ष रूप से $(this) के माध्यम से जा के रूप में इस डोम वस्तु (जो outerHTML संपत्ति है) जबकि $(this) jQuery वस्तु का प्रतिनिधित्व करता है का प्रतिनिधित्व करता है का उपयोग कर सकते हैं।

this.outerHTML 

Answer 3

jQuery चयनकर्ता एक सरणी की तरह jQuery ऑब्जेक्ट देता है जिसमें बाहरी HTML संपत्ति नहीं है।

हालांकि, jQuery परिणामी सरणी में डोम तत्व शामिल हैं।
इसका मतलब है कि आप वास्तव में इस तरह से इसका उपयोग कर सकते हैं।

$(".someClass")[0].outerHTML // it works for me 

अद्यतन: यह मेरे लिए हर ब्राउज़र में काम करता है।
मैं एक क्लिक इवेंट हैंडलर में सरणी की तरह jQuery ऑब्जेक्ट तक भी पहुंच सकता हूं। http://jsfiddle.net/13btf60p/

अद्यतन 2:

$(".someClass").click(function() 
{ 
    alert($(this)[0].outerHTML); // it works me too 
}); 

यहाँ मेरी JSFiddle है

ठीक है, अब मैं आपके सवाल का मिलता है। यह काम करना चाहिए था। क्या आपको वास्तव में ऐसे सादे और सरल निर्माण को पूरा करने के लिए इंटेलिसेन्स की आवश्यकता है?

Answer 4

मैं भविष्य में संदर्भ के लिए डिफ़ॉल्ट विजुअल स्टूडियो सेटिंग्स में एक साधारण दोष होने के लिए सही समाधान के रूप में जो जोड़ता हूं उसे जोड़ दूंगा।

जब से मैं इस जाने दो नहीं करना चाहता था, इसलिए मैं आगे खोज की है और पता चला कि, डिफ़ॉल्ट रूप से, jQuery IntelliSense 2013

तहत

कुछ हद तक दृश्य स्टूडियो में बॉक्स से बाहर दु: खद है

उपकरण> विकल्प> पाठ संपादक> जावास्क्रिप्ट> IntelliSense>

सन्दर्भ मैं

सेट

रेफरेंस ग्रुप: "अंतर्निहित (वेब)"

और एक मौजूदा jQuery फ़ाइल जोड़ा। इसने मेरे प्रश्न के सभी मुद्दों को हल किया और इंटेलिसेन्स अब सभी सदस्यों और विधियों को सही तरीके से सुझाता है, हालांकि यह हर किसी को समय की एक गुच्छा की बजाय बॉक्स से बाहर काम करना चाहिए था।