如何在jQuery中找到一个已知类的父类?

我有一个<div>，其中有许多其他<div>，每个在不同的嵌套级别。我不给每个子节点<div>一个标识符，而是给根节点<div>一个标识符。这里有一个例子:

<div class="a" id="a5">
  <div class="b">
    <div class="c">
      <a class="d">
      </a>
    </div>
  </div>
</div>

如果我写一个函数在jQuery响应类d，我想找到它的父类a的ID，我该怎么做?

我不能简单地执行$('.a').attr('id');，因为有多个类为。我可以找到它的父母的父母的父母的ID，但这似乎是一个糟糕的设计，缓慢，并不是很多态(我将不得不编写不同的代码来查找类c的ID)。

当前回答

您可以使用parents()获取给定选择器的所有父级。

描述:获取每个祖先元素在当前匹配集中的元素，可选地由选择器。

但是parent()只获取元素的第一个父元素。

描述:获取每个节点的父节点元素在当前匹配集中的元素，可选地由选择器。

jQuery parent() vs. parents()

还有. parentsuntil()，我认为它是最好的。

描述:获取每个祖先元素在当前匹配集中的元素，直到但不包括元素与选择器匹配。

2011-03-17 00:33:26

其他回答

向jQuery父函数传递一个选择器:

d.parents('.a').attr('id')

编辑嗯，实际上Slaks的答案是优越的，如果你只想要最接近的祖先匹配你的选择器。

2011-03-17 00:30:57

假设这是。d，你可以这样写

$(this).closest('.a');

最近的方法返回与选择器匹配的元素的最里面的父元素。

2011-03-17 00:31:30

<div id="412412412" class="input-group date">
     <div class="input-group-prepend">
          <button class="btn btn-danger" type="button">Button Click</button>
          <input type="text" class="form-control" value="">
      </div>
</div>

在我的情况下，我使用这个代码:

$(this).parent().closest('.date').attr('id')

希望这能帮助到一些人。

2020-11-02 13:31:46

用parentsUntil()。

$(".d").parentsUntil(".a");

2018-07-23 17:49:41