jQuery आसन्न तत्व का चयन

Question

<li> 
    <a class="handle" href="abc.htm">TopLink</a> 
    <ul class="container"> 
     <li> 
      <a href="xyz.htm">SubLink1</a> 
     </li>  
    </ul> 
</li> 

जब टॉपलिंक (वर्ग = "हैंडल") पर क्लिक करें;

प्रश्न: उल वर्ग = "कंटेनर" का चयन करने के लिए जब भी मैं TopLink

पर क्लिक करें इस तरह से jQuery चयनकर्ता लिखने के लिए कैसे

कुछ की तरह; $ (इस) (classname = "कंटेनर" के साथ अगले यूएल जाओ)

Answer 1

कि हमेशा अपने HTML की संरचना हो जाएगा, तो आप बस next उपयोग कर सकते हैं:।

$(".handle").click(function() { 
    var ul = $(this).next(); 
}); 

अगर वहाँ हो सकता है लिंक और ul के बीच तत्वों, आप सभी तत्वों को चयनकर्ता से मेल प्राप्त करने के लिए siblings इस्तेमाल कर सकते हैं:

$(".handle").click(function() { 
    var uls = $(this).siblings("ul.container"); 
}); 

कि हालांकि यह भी पूर्ववर्ती भाई बहन मिलेगा। निम्नलिखित भाई बहनों को पाने के लिए, आप nextAll:

$(".handle").click(function() { 
    var uls = $(this).nextAll("ul.container"); 

    //You can then use `.eq(0)` to get the closest matching sibling: 
    var sibling = uls.eq(0); 
});