如何在jquery中查找第一个父元素

How to find first parent element in jquery

本文关键字：第一个 元素 查找 jquery      更新时间：2023-09-26

Conside under 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（）这样的方法。有我不知道的吗？还是由于某种原因它不存在？

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

将给所有.element（包括html和body的父母）

演示

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

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

演示

jQuery .parents()通常找到所有的父项，但是如果你传递了一个选择器，那么它将搜索它。

只需使用

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

如果没有找到具有该id的祖先，则

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

为了亲自获得第一个父级，我使用以下结构：

var count_parents = $(".element").parents().length;
$(".element").parents().eq(count_parents - 1);

希望，这对某人有帮助。

相关文章：