jQuery .parent() कई स्तरों अप

Question

मैं इस तरह एक पदानुक्रम है का चयन करें:

:

<search> 
    <inner> 
     <input/> 
     <p/> 
     <img/> 
    </inner> 
</search> 

मुझे क्या करना कोशिश कर रहा हूँ <input/> onFocus की मूल <search> चयन करने के लिए है, लेकिन अगर मैं यह कर

$(function(){ 
    $("input").focus(function(){ 
     console.log($(this).parent("search")); 
    }); 
}); 

कंसोल एक खाली सरणी दिखाता है। माता-पिता को एक से अधिक स्तर तक चुनने का कोई साफ तरीका है? ऐसा करने का एकमात्र तरीका यह है कि यह .parent().parent("search") होगा, जो काम करेगा, लेकिन यह बहुत साफ नहीं है, और यदि मैं माता-पिता को 5 स्तरों का चयन करने की कोशिश कर रहा था, तो यह केवल अत्याचारी होगा।

Answer 1

.closest() का प्रयास करें:

सेट में प्रत्येक तत्व के लिए, पहला तत्व है कि तत्व में ही परीक्षण और डोम संरचना में उसकी पूर्वजों के माध्यम से ऊपर से गुजरने से चयनकर्ता से मेल खाता हो।

$(this).closest("search") 

Answer 2

the docs से:

.parents() और .parent() पद्धतियों समान है, सिवाय इसके कि बाद केवल एक ही स्तर ऊपर डोम पेड़ यात्रा कर रहे हैं।

इसके बजाय $.parents का उपयोग करने का प्रयास करें।