Add getSiblings
This commit is contained in:
18
snippets/getSiblings.md
Normal file
18
snippets/getSiblings.md
Normal file
@ -0,0 +1,18 @@
|
||||
---
|
||||
title: getSiblings
|
||||
tags: browser,array,intermediate
|
||||
---
|
||||
|
||||
Returns an array containing all the siblings of the given element.
|
||||
|
||||
Use `Node.prototype.parentNode` and `Node.prototype.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']
|
||||
```
|
||||
Reference in New Issue
Block a user