javascript - jquery 查找第一个父元素的方法

Question

考虑下面的 html -

<div class="container1">
   <div class="container2">
      <div class="container3">
         <div class="container4">
             <div class="element">
             ...
         </div>
      </div>
   </div>
</div>

如果我想得到<div class="element">元素，我引用了 container1 .在 jquery 中，我所做的是，

$(".container1").find(".element")

而不是-

$(".container1").children().children().children().find(".element")

这是当我引用任何父元素时查找任何子元素的过程。但是相反，当我引用一个子元素并想要获取父元素时，每次我都必须向上一级 -

$(".element").parent().parent().parent().parent()

我不能这样做-

$(".element").findParent()

我还没有在 jquery 中遇到任何类似 findParent() 的方法。有什么我不知道的吗？还是由于某种原因不存在？

Answer 1

$(".element").parents();

将给出.element的所有父级(包括html和body)

DEMO

要找到任何特定的父级，假设 container1 然后

$('.element').parents('.container1')

DEMO

jQuery .parents()通常会找到所有 parent ，但如果您传递了一个选择器，那么它会搜索那个。