30-seconds-of-code/snippets/js/s/find-closest-anchor.md

title, type, language, tags, author, cover, dateModified

title	type	language	tags	author	cover	dateModified
Find closest anchor	snippet	javascript	browser	chalarangelo	clouds-n-mountains	2021-04-22T08:45:39+03:00

Finds the anchor node closest to the given node, if any.

• Use a for loop and Node.parentNode to traverse the node tree upwards from the given node.
• Use Node.nodeName and String.prototype.toLowerCase() to check if any given node is an anchor ('a').
• If no matching node is found, return null.

const findClosestAnchor = node => {
  for (let n = node; n.parentNode; n = n.parentNode)
    if (n.nodeName.toLowerCase() === 'a') return n;
  return null;
};

findClosestAnchor(document.querySelector('a > span')); // a