查找具有特定类的最近的祖先元素

小编典典

all

如何 在纯 JavaScript 中 找到最靠近具有特定类的树的元素的祖先？例如，在这样的树中：

<div class="far ancestor">
    <div class="near ancestor">
        <p>Where am I?</p>
    </div>
</div>

然后我想div.near.ancestor如果我尝试这个p并搜索ancestor.

阅读 85

2022-04-14

共1个答案

小编典典

更新：现在大多数主流浏览器都支持

document.querySelector("p").closest(".near.ancestor")

请注意，这可以匹配选择器，而不仅仅是类

对于不支持closest()但有matches()一个的旧版浏览器可以构建类似于@rvighne 的类匹配的选择器匹配：

function findAncestor (el, sel) {
    while ((el = el.parentElement) && !((el.matches || el.matchesSelector).call(el,sel)));
    return el;
}

2022-04-14