我怎样才能找到一个元素的祖先，它最接近于有一个特定类in pure JavaScript的树？例如，在这样一棵树上:
<div class="far ancestor">
<div class="near ancestor">
<p>Where am I?</p>
</div>
</div>
如果我试着在p上搜索ancestor，我想要div.near.ancestor.
我怎样才能找到一个元素的祖先，它最接近于有一个特定类in pure JavaScript的树？例如，在这样一棵树上:
<div class="far ancestor">
<div class="near ancestor">
<p>Where am I?</p>
</div>
</div>
如果我试着在p上搜索ancestor，我想要div.near.ancestor.
更新:现在支持in most major browsers
document.querySelector("p").closest(".near.ancestor")
请注意，这可以匹配 Select 器，而不仅仅是类
https://developer.mozilla.org/en-US/docs/Web/API/Element.closest
对于不支持closest()但有matches()的传统浏览器，可以构建类似于@rvighne的类匹配的 Select 器匹配:
function findAncestor (el, sel) {
while ((el = el.parentElement) && !((el.matches || el.matchesSelector).call(el,sel)));
return el;
}