dom-parents
Get the parents of the element, optionally filtered by a selector.
Install
npm install --save dom-parentsExamples
Apply action to all parent elements
import getParents from 'dom-parents';
getParents(document.querySelector('#main'), '.cat').forEach((element) => {
element.style.backgroundColor = '#008800';
})Check the existence of parents
import getParents from 'dom-parents';
document.querySelectorAll('.animal').forEach((element) => {
element.addEventListener('mousedown', () => {
const isBobAnAnimal = getParents(this, '.animals').length !== 0;
if (isBobAnAnimal) {
console.log('Bob is animal');
} else {
console.log('Bob is spy!');
}
});
});
If the user clicks on an .item element
import getParents from 'dom-parents';
document.addEventListener('mousedown', (event) => {
const [item] = getParents(event.target, '.item', true);
if (item) {
console.log('mousedown on .item element');
}
});API
getParents(element, selector, includeElement = false)
Returns the parents of the element, optionally filtered by a selector.
element
Type: object
The element from which the search should start.
selector
Type: string
Selector to search for the parent elements.
includeElement
Type: bool
Default: false
Include element to the search or not.
