jQuery

Question

में निकटतम पूर्वजों नोड में मेरे जावास्क्रिप्ट अनुभव में, मैंने पाया कि यह एक बहुत ही आम कार्य है "किसी शर्त के साथ निकटतम पूर्वजों को खोजना (टैग नाम, कक्षा, ...)"। क्या माता-पिता() jquery की विधि नौकरी कर सकती है? माता-पिता() के लौटे तत्वों का आदेश अनुमानित है? ऊपर से नीचे या नीचे से ऊपर है? पल मैं इस उपयोगिता फ़ंक्शन का उपयोग के लिए:

function ancestor(elem, selector) { 
    var $elem = $(elem).parent(); 
    while($elem.size() > 0) { 
    if($elem.is(selector)) 
    return $elem; 
    else 
     $elem = $elem.parent(); 
    } 
    return null; 
} 

कोई मुझे बता सकते हैं काम करने के लिए एक चतुर तरीका उपलब्ध है?

Answer 1

संपादित करें: jQuery 1.3 के बाद से, इसे closest() फ़ंक्शन के रूप में बनाया गया है। उदाहरण: $('#foo').closest('.bar');

---

हाँ - माता-पिता() पेड़ को पार करते हैं।

<div id="a"> 
    <div id="b"> 
     <p id="c"> 
      <a id="d"></a> 
     </p> 
    </div> 
</div> 

$('#d').parents("div:first"); div b का चयन करेगा।

Answer 2

@nickf के जवाब देने के लिए जोड़ा जा रहा है:

jQuery 1.3 closest साथ इस कार्य को simplifyed।

<div id="a"> 
    <div id="b"> 
     <p id="c"> 
      <a id="d"></a> 
     </p> 
    </div> 
</div> 

आप कर सकते हैं::

एक डोम को देखते हुए

$('#d').closest("div"); // returns [ div#b ] 

[Closest रिटर्न एक] निकटतम माता पिता तत्व यह है कि निर्दिष्ट चयनकर्ता से मेल खाता युक्त तत्वों के सेट, प्रारंभिक तत्व शामिल है।

Answer 3

आप closest उपयोग करें, क्योंकि parents आप परिणाम आप उम्मीद यदि आप कई तत्वों के साथ काम कर रहे हैं नहीं देंगे चाहिए। उदाहरण के लिए, मान लीजिए कि आप इस डालते हैं:

<div id="0"> 
     <div id="1">test with <b>nested</b> divs.</div> 
     <div id="2">another div.</div> 
     <div id="3">yet <b>another</b> div.</div> 
    </div> 

और आप divs उनके तत्काल बच्चे के रूप में एक <b> तत्व है कि एक वर्ग जोड़ना चाहते हैं (यानी, 1 और 3)। यदि आप $('b').parents('div') का उपयोग करते हैं, तो आपको 0, 1 और 3 div प्राप्त होते हैं। यदि आप $('b').parents('div:first') का उपयोग करते हैं, तो आपको केवल div 1 प्राप्त होता है। 1 और 3 प्राप्त करने के लिए, लेकिन 0 नहीं, आपको $('b').closest(elem) का उपयोग करना होगा।

Answer 4

निकटतम(), वर्तमान तत्व पर शुरू होता है, तो माता-पिता आप देख रहे हैं वर्तमान (जैसे। दोनों divs कर रहे हैं), उपयोग माता पिता() के रूप में ही टैग है। निकटतम()