Find parent tag

findParentTag.js

/**
* Recursively find parents until matching tag has been found.
* Useful when observing clicks on elements with child elements, but you need to use data- attributes from parent.
* @param {HTMLElement} element - Element to find parent from.
* @param {string} tag - Parent tag to find. Eg. 'DIV' or 'H1'
**/

function findParentTag(element, tag) {
  const tagName = tag.toUpperCase();
  if (element.tagName === tagName) return element;
  while (element.parentNode) {
    element = element.parentNode;
    if (element.tagName === tagName) return element;
  }
  return null;
}