如何在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()，我认为它是最好的。

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

其他回答

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

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

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

摘自@Resord的评论。这个方法对我很有用，而且更贴近这个问题。

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

谢谢

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

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

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