एक JQuery चयनकर्ता से DOM तत्व कैसे प्राप्त करें

Question

मुझे jquery selector से वास्तविक DOMElement प्राप्त करने के लिए एक असंभव कठिन समय मिल रहा है। नमूना कोड:

<input type="checkbox" id="bob" /> 
    var checkbox = $("#bob").click(function() { //some code }) 

और कोड के दूसरे भाग में मैं चेकबॉक्स के चेक किए गए मान को निर्धारित करने का प्रयास कर रहा हूं।

if (checkbox.eq(0).SomeMethodToGetARealDomElement().checked) 
    //do something. 

और कृपया, मुझे क्या करना नहीं चाहते:

if (checkbox.eq(0).is(":checked")) 
    //do something 

कि मिल मुझे चेकबॉक्स के आसपास है, लेकिन दूसरी बार मैं वास्तविक DOMElement की जरूरत है।

$("table").get(0); 

या अधिक बस:

Answer 1

आप के साथ कच्चे डोम तत्व का उपयोग कर सकते

$("table")[0]; 

वहाँ वास्तव में एक बहुत कुछ नहीं है तुम तथापि के लिए इस की जरूरत है (मेरे अनुभव में)। अपना चेकबॉक्स उदाहरण लें:

$(":checkbox").click(function() { 
    if ($(this).is(":checked")) { 
    // do stuff 
    } 
}); 

अधिक "jquery'ish" और (imho) अधिक संक्षिप्त है। क्या होगा यदि आप उन्हें नंबर देना चाहते हैं?

$(":checkbox").each(function(i, elem) { 
    $(elem).data("index", i); 
}); 
$(":checkbox").click(function() { 
    if ($(this).is(":checked") && $(this).data("index") == 0) { 
    // do stuff 
    } 
}); 

इनमें से कुछ विशेषताएं ब्राउज़र में भी मुखौटा अंतर में मदद करती हैं। कुछ गुण अलग हो सकते हैं। क्लासिक उदाहरण AJAX कॉल है। कच्चे जावास्क्रिप्ट में इसे ठीक से करने के लिए XmlHttpRequest के लिए लगभग 7 फ़ॉलबैक मामले हैं।

Answer 2

यदि आपको सीधे डीओएम तत्व के साथ बातचीत करने की आवश्यकता है, तो क्यों न केवल document.getElementById का उपयोग करें, यदि आप किसी विशिष्ट तत्व से बातचीत करने का प्रयास कर रहे हैं तो आप शायद आईडी को जानते होंगे, यह मानते हुए कि वर्गनाम केवल एक तत्व है या कुछ अन्य विकल्प जोखिम भरा हो जाता है।

लेकिन, मैं दूसरों से सहमत हूं कि ज्यादातर मामलों में आपको जो करना है, उसे करने के लिए आपको जो करना चाहिए वह करना सीखना चाहिए, क्योंकि यह बहुत लचीला है।

अद्यतन: एक टिप्पणी के आधार पर: यहाँ एक अच्छा विवरण के साथ एक पोस्ट है: http://www.mail-archive.com/jquery-en@googlegroups.com/msg04461.html

$(this).attr("checked") ? $(this).val() : 0 

यह मान वापस आ जाएगी अगर यह जाँच की है, या 0 अगर यह नहीं है।

$(this).val() बस डोम में पहुंच रहा है और तत्व की विशेषता "मान" प्राप्त कर रहा है, चाहे वह चेक हो या नहीं।

Answer 3

संपादित करें: ऐसा लगता है कि मैं यह मानने में गलत था कि आप तत्व नहीं प्राप्त कर सके। के रूप में दूसरों को यहाँ पोस्ट किया है, तो आप इसके साथ प्राप्त कर सकते हैं:

$('#element').get(0); 

मैं इस को सत्यापित किया है वास्तव में DOM एलीमेंट मिलान किया गया था देता है।

Answer 4

मुझे तत्व को स्ट्रिंग के रूप में प्राप्त करने की आवश्यकता है।

jQuery("#bob").get(0).outerHTML; 

जो तुम जैसे कुछ दे देंगे: एक डोम तत्व एक स्ट्रिंग के बजाय

<input type="text" id="bob" value="hello world" /> 

...।