向上扫描 DOM 以查找元素匹配选择器（无 jQuery）

Question

我想要一个函数，它可以从 DOMElement 向上扫描 DOM，并在向上扫描每个父级的子级。

它必须继续运行，直到找到与参数中接收到的选择器匹配的任何<element>。选择器必须是任何类型的有效 CSS 选择器。

也需要用纯 JS（没有 jQuery）来完成

Answer 1

我最终制作了这个函数的修改版本 I found on this site。您可以随心所欲地使用此功能，扩大规模，认领它，随心所欲。

这是我找到的解决方案

GetClosest = function (elem, selector) {

    for (; elem && elem !== document.body; elem = elem.parentNode) {

        // If the elem matches at first iteration.
        if(elem.matches(selector)) {

            return elem;

        } else {

            // Scans all the childs of current iterated element (always higher in DOM until found).
            // If one matches the selector it'll stop and return it.
            child = elem.parentNode.firstChild;
            do {

                if(child.nodeType === 3) continue; // text node
                if(child.matches(selector)) return child;

            } while (child = child.nextElementSibling);
        }
    }

    return null;

};