24 lines
665 B
Markdown
24 lines
665 B
Markdown
---
|
|
title: Array of element's siblings
|
|
type: snippet
|
|
language: javascript
|
|
tags: [browser]
|
|
author: chalarangelo
|
|
cover: little-white-flowers
|
|
dateModified: 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.
|
|
|
|
```js
|
|
const getSiblings = el =>
|
|
[...el.parentNode.childNodes].filter(node => node !== el);
|
|
```
|
|
|
|
```js
|
|
getSiblings(document.querySelector('head')); // ['body']
|
|
```
|