javascript - 获取元素父元素的最简单方法

Question

假设我有这样的元素结构:

<div class="parent">
    <div class="something1">
        <div class="something2">
            <div class="something3">
                <div class="something4"></div>
            </div>
        </div>
    </div>   
</div>

像这样的代码:

$(".something4").click(function(){
   //i could do it like this...
   $(this).parent().parent().parent().parent().parent();
});

但这似乎很愚蠢，有没有更好的方法来做到这一点？

我也不能只说 $(.parent) 因为在我的页面中有很多这样的类 parent 的 div。

Answer 1

使用.closest(selector) .这将获取与选择器匹配的第一个元素，从当前元素开始并向上遍历 DOM 树。

$('.something4').click(function() {
  $(this).closest('.parent');
});