Files
30-seconds-of-code/snippets/getSiblings.md
2022-12-04 22:20:49 +02:00

680 B

title, tags, author, cover, firstSeen, lastUpdated
title tags author cover firstSeen lastUpdated
Array of element's siblings browser chalarangelo blog_images/little-white-flowers.jpg 2020-08-07T15:31:48+03:00 2020-10-19T22:49:51+03:00

Returns an array containing all the siblings of the given element.

  • Use Node.parentNode and Node.childNodes to get a NodeList of all the elements contained in the element's parent.
  • Use the spread operator (...) and Array.prototype.filter() to convert to an array and remove the given element from it.
const getSiblings = el =>
  [...el.parentNode.childNodes].filter(node => node !== el);
getSiblings(document.querySelector('head')); // ['body']