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（class =「handle」）;

問題：如何以這樣的方式寫的jQuery選擇器選擇UL類=「容器」每當我TopLink的

點擊

喜歡的東西; $（本）（與類名=「容器」獲取下UL）

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); 
});