dom-helpers/esm/closest.js

tiny modular DOM lib for ie9+

import matches from "./matches.js";

/**
 * Returns the closest parent element that matches a given selector.
 *
 * @param node the reference element
 * @param selector the selector to match
 * @param stopAt stop traversing when this element is found
 */
export default function closest(node, selector, stopAt) {
  if (node.closest && !stopAt) node.closest(selector);
  let nextNode = node;
  do {
    if (matches(nextNode, selector)) return nextNode;
    nextNode = nextNode.parentElement;
  } while (nextNode && nextNode !== stopAt && nextNode.nodeType === document.ELEMENT_NODE);
  return null;
}