jQuery-查找具有类名的最接近的父级

She*_*ose 2 jquery

在我的应用程序中,我想找到一个具有类名的单击元素的最接近的父级。为此,我有以下代码与最接近的方法。我知道它具有使用选择器获取最接近元素的功能。但是在这里,我给了一个类名作为选择器,例如:

$(".selectable").click(function(){
    var closest  = $(this).closest('.selectable'); 
});    
Run Code Online (Sandbox Code Playgroud)

问题是,如果当前元素及其父元素具有相同的类.selectable,则它将返回当前元素本身。但是实际上我想要它的父母。例如,

<div class="selectable div-1">
    <div class="selectable div-2">
        <!--elements here-->
    </div>
</div>
Run Code Online (Sandbox Code Playgroud)

在上面的示例中,我单击了.div-2div,它返回了.div-2自身,而不是.div-1div。请不要让我.selectable从父级删除类,这是为了功能.. :-)

Ami*_*oki 6

然后开始closest()使用parent()

$(".selectable").click(function(){
    var closest = $(this).parent().closest('.selectable'); 
});  
Run Code Online (Sandbox Code Playgroud)


A. *_*lff 6

要获得特定班级的第一位家长:

$(this).parents('.selectable').first();
Run Code Online (Sandbox Code Playgroud)