我有一个<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)。


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

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

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


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

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

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


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

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

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

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

jQuery parent() vs. parents()

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

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


用parentsUntil()。

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

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

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

谢谢


<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')

希望这能帮助到一些人。