Menu

gitpiper

getParentsUntil javascript Code Snippet in 2024

browserintermediate

Last Updated: 21 July 2024

Finds all the ancestors of an element up until the element matched by the specified selector.

  • Use Node.parentNode and a while loop to move up the ancestor tree of the element.
  • Use Array.prototype.unshift() to add each new ancestor to the start of the array.
  • Use Element.matches() to check if the current element matches the specified selector.
const getParentsUntil = (el, selector) => { let parents = [], _el = el.parentNode; while (_el && typeof _el.matches === 'function') { parents.unshift(_el); if (_el.matches(selector)) return parents; else _el = _el.parentNode; } return []; };
getParentsUntil(document.querySelector('#home-link'), 'header'); // [header, nav, ul, li]

javascript snippet similar to getParentsUntil For You in July 2024

Subscribe to our Newsletter

Subscribe to get resources directly to your inbox. You won't receive any spam! ✌️

© 2024 GitPiper. All rights reserved

Rackpiper Technology Inc

Company

About UsBlogContact

Subscribe to our Newsletter

Subscribe to get resources directly to your inbox. You won't receive any spam! ✌️