jquery - 在 jQuery 中查找具有特定属性或类的祖先

Question

我有一个 DOM 元素 elem，它有一个 ancestor 元素，该元素具有类 myClass(或者是具有某个名称的属性)。问题是我需要使用 jQuery 轻松找到这个祖先。目前，我陷入了诸如

之类的丑陋的反复试验中

var ancestor = $(elem).parent().parent().parent().parent().parent().parent().parent();

如果 HTML 代码发生更改，jQuery 代码很容易崩溃。

是否可以用更优雅的 jQuery 代码找到祖先元素？

Answer 1

使用closest() 。它将从当前元素开始遍历 DOM，直到找到与您提供的选择器匹配的父元素。

var ancestorByClass = $(elem).closest(".myClass"); // by class

var ancestorByAttribute = $(elem).closest('[href="#foo"]'); // by attribute