jQuery ऑब्जेक्ट्स jQuery ऑब्जेक्ट्स का उपयोग कर

Question

मैं दो jQuery ऑब्जेक्ट्स का उपयोग करके वंश की जांच करना चाहता हूं। उनके पास आईडी नहीं हैं, और केवल jQuery ऑब्जेक्ट्स के रूप में उपलब्ध होने जा रहे हैं (या यदि आप get() कहलाते हैं तो डोम नोड्स)। jQuery के is() केवल भाव के साथ काम करता है, इसलिए इस कोड आदर्श हो सकता है लेकिन काम नहीं करेगा होगा:

var someDiv = $('#div'); 

$('a').click(function() { 
    if ($(this).parents().is(someDiv)) { 
     alert('boo'); 
    } 
} 

बस अगर एक तत्व एक और का एक बच्चा है देखना चाहते हैं और मैं डोम भूमि अगर में वापस कदम से बचना चाहते हैं मुमकिन।

Answer 1

आप सूची में कोई तत्व मौजूद है या नहीं, यह जांचने के लिए आप इंडेक्स() विधि का उपयोग कर सकते हैं, तो निम्न कार्य क्या होगा?

var someDiv = $('#div'); 

$('a').click(function() { 
    if ($(this).parents().index(someDiv) >= 0) { 
     alert('boo'); 
    } 
} 

#index reference से।

$('a').click(function() { 
    if ($(this).parents("#div").length) { 
    alert('boo'); 
    } 
}); 

Answer 2

उन पंक्तियों के साथ, माता-पिता() वैकल्पिक रूप से एक चयनकर्ता ही स्वीकार करता है jQuery.inArray

if ($.inArray(someDiv, $(this).parents())) { 
     alert('boo'); 
} 

Answer 3

एक तरह से फिल्टर समारोह

$('a').click(function() { 
    $(this).parents().filter(function() { 
     return this == someDiv[0]; 
    }).each(function() { 
     alert('foo'); 
    }) 
} 

उपयोग करने के लिए मुझे लगता है कि आप भी दूर प्राप्त करने में सक्षम हो सकता है हो सकता है:

Answer 4

क्या आप केवल एक सीएसएस से उपयोग करने के परिणाम प्राप्त नहीं करेंगे पाठभेद?

$('#div a').click(function() { ... }); 

Answer 5

(this).parents().index(someDiv) >= 0 के लिए जांच की जा रही है, के रूप @Gareth पता चलता है, होगा काफ़ी होंगे।

हालांकि, jQuery ancestry plugin का उपयोग तरीका तेजी से/अधिक कुशल है।

Answer 6

इस प्रयास करें:

var someDiv = $('#div'); 

$('a').click(function() { 
    if ($.inArray($(this).parents().get(), someDiv.get(0)) { 
     alert('boo'); 
    } 
} 

Answer 7

var $element = $('a'); 
while ($element && !$element.is('someDiv')) { 
    var $element = $element.parent(); 
};