मैं कैसे जांचूं कि एक jQuery तत्व डोम में है या नहीं?

Question

कहते हैं कि मैं एक तत्व

$foo = $('#foo'); 

को परिभाषित करने और फिर मैं किसी घटना से

$foo.remove() 

कहते हैं। मेरा सवाल यह है कि, मैं कैसे जांच करूं कि डीओएम से $ foo हटा दिया गया है या नहीं? मैंने पाया है कि $foo.is(':hidden') काम करता है, लेकिन अगर मैं केवल $foo.hide() कहलाता हूं तो यह भी सच होगा। कॉल

$foo.parent() 

$f00 डोम से हटा दिया गया है, तो $foo.parent().length === 0:

Answer 1

इस तरह

:

if (!jQuery.contains(document, $foo[0])) { 
    //Element is detached 
} 

यह अभी भी काम करेगा अगर तत्व के माता-पिता में से एक (इस स्थिति में तत्व में ही अभी भी एक माता पिता होगा) हटा दिया गया था।

Answer 2

मैं सिर्फ एक जवाब के रूप में मैं अपने सवाल टाइप किया गया था एहसास हुआ। अन्यथा, इसकी लंबाई कम से कम 1.

[संपादित करें: यह पूरी तरह से सही नहीं है, क्योंकि हटाए गए तत्व में अभी भी माता-पिता हो सकते हैं; उदाहरण के लिए, यदि आप <ul> हटाते हैं, तो उसके प्रत्येक बच्चे <li> एस में अभी भी एक अभिभावक होगा। इसके बजाए स्लाक्स के उत्तर का प्रयोग करें।

Answer 3

यह कैसे करने के बारे में:

$element.parents('html').length > 0 

Answer 4

Perro की टिप्पणी के साथ सहमत हूँ। यह भी इस तरह किया जा सकता है:

$foo.parents().last().is(document.documentElement); 

Answer 5

जब से मैं एक टिप्पणी के रूप में जवाब देने में असमर्थ हूँ (बहुत कम कर्म मुझे लगता है), यहाँ एक पूर्ण जबाब है। सबसे तेज़ तरीका ब्राउज़र समर्थन के लिए jQuery चेक को अनलोल करना और निरंतर कारकों को न्यूनतम तक दाढ़ी देना है।

के रूप में भी यहाँ देखा - http://jsperf.com/jquery-element-in-dom/28 - कोड इस तरह दिखेगा:

var isElementInDOM = (function($) { 
    var docElt = document.documentElement, find, 
     contains = docElt.contains ? 
     function(elt) { return docElt.contains(elt); } : 

     docElt.compareDocumentPosition ? 
      function(elt) { 
      return docElt.compareDocumentPosition(elt) & 16; 
      } : 
      ((find = function(elt) { 
       return elt && (elt == docElt || find(elt.parentNode)); 
      }), function(elt) { return find(elt); }); 

    return function(elt) { 
    return !!(elt && ((elt = elt.parent) == docElt || contains(elt))); 
    }; 
})(jQuery); 

यह अर्थ की दृष्टि से jQuery.contains के बराबर है (document.documentElement, ईएलटी [0])।

Answer 6

क्यों नहीं: if($('#foo').length === 0)...?

Answer 7

if($foo.nodeType){ element is node type} 

Answer 8

jQuery.fn.isInDOM = function() { 
    if (this.length == 1) { 
     var element = this.get(0); 
     var rect = element.getBoundingClientRect(); 
     if (rect.top + rect.bottom + rect.width + rect.height + rect.left + rect.right == 0) 
     return false; 
     return true; 
    } 
    return false; 
}; 

Answer 9

मैं इस दृष्टिकोण पसंद आया। कोई jQuery और कोई डोम खोज नहीं। सबसे पहले शीर्ष अभिभावक (पूर्वज) खोजें। फिर देखें कि क्या यह दस्तावेज़ है।

function ancestor(HTMLobj){ 
    while(HTMLobj.parentElement){HTMLobj=HTMLobj.parentElement} 
    return HTMLobj; 
} 
function inTheDOM(obj){ 
    return ancestor(obj)===document.documentElement; 
} 

Answer 10

शायद सबसे क्रियात्मक तरीका है:

document.contains(node); // boolean 

यह भी jQuery के साथ काम करता है:

document.contains($element[0]); // var $element = $("#some-element") 
document.contains(this[0]); // in contexts like $.each(), `this` is the jQ object 

स्रोत से MDN

नोट:

• Internet Explorer only supports contains() for elements.