小编典典

查找具有特定类的最接近的原型元素

javascript

如何 在纯JavaScript中 找到与具有特定类的树最接近的元素的原型?例如,在像这样的树中:

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

然后,我想div.near.ancestor在上尝试p并搜索ancestor


阅读 250

收藏
2020-05-01

共1个答案

小编典典

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

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

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

https://developer.mozilla.org/zh-
CN/docs/Web/API/Element.closest


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

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