jQuery選擇器（選擇所有而不是.parents）

Question

我遇到了一個jQuery選擇器的小問題，在嘗試自己一段時間之後，我決定需要一些幫助。

$('.submenu').on('click','.groen',function() { 
    $(this).parents('#content_vragen').find('.container_vragen').fadeOut(400, function() { 
     $(this).parents('#content_vragen').find('.container_vragen').css('overflow', 'hidden'); 
     $(this).parents('#content_vragen').find('.container_vragen').appendTo("#geregeld"); 
     $(this).parents('#geregeld').find('.container_vragen').css('color', 'green'); 
     $(this).parents('#geregeld').find('.container_vragen').fadeIn(400); 
    }); 
}); 

我有一個名爲.submenu類，內部的.submenu是與類「格萊恩」一個< p>元素。 .submenu元素位於類「container_vragen」的div內。這是一個名爲「#content_vragen」的容器標識。

<div id="content_vragen"> 

    <div class="container_vragen"> 
     <div class="submenu"> 
      <p class="groen">groen</p> 
     </div> 
    </div> 

    <div class="container_vragen"> 
     <div class="submenu"> 
      <p class="groen">groen</p> 
     </div> 
    </div> 

    <div class="container_vragen"> 
     <div class="submenu"> 
      <p class="groen">groen</p> 
     </div> 
    </div> 

</div> 

所以我很容易的問題是：我該怎麼做一個動作只在其中的類被點擊.groen的.container_vragen類。我以爲我必須選擇這個（.groen按鈕）的父級，並將其返回到.container_vragen，但這樣它會選擇所有.container_vragen元素。只是爲了讓事情變得更簡單，這裏的整個項目的的jsfiddle：http://jsfiddle.net/86Hcc/

Answer 1

只需使用.closest - 將得到最接近父給定選擇：

$(this).closest('.container_vragen');