如何在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()通常会找到所有父项,但如果你通过了一个选择器,那么它将搜索它.

Answer 2

只是用

$(".element").closest('#container1');

如果没有id找到那个祖先那么

$(".element").closest('#container1').length 将会 0