parent-selector

0.1.1 • Public • Published

parent-selector

Find a particular parent node of the current element by passing the element and a tag name/css selector identifier.

example

var parentNodeSelector = require('parent-selector')

var childelement = document.getElementbyId('childid')

var parentelement = parentNodeSelector(childelement, 'div#parentid')

Given:

<!DOCTYPE html>
<html>
    <head>
        <title>parent-selector</title>
        <script src="bundle.js"></script>
    </head>
    <body>
        <div id="pageid">
            <div id="parentid">
                <div id="notme">
                    <div id="childid">
                        Child
                    </div>
                </div>
            </div>
        </div>
    </body>
</html>

Returns:

<div id="parentid">
    <div id="notme">
        <div id="childid">
            Child
        </div>
    </div>
</div>

more examples

You can also:

var parentwithclass = parentNodeSelector(childelement, 'div.parentclass')
var parentelement   = parentNodeSelector(childelement, 'div') // get closest parent DIV

prototype example

If running your parent-selector javascript code in a browser you can add this method to the Node prototype object:

Node.prototype.parentNodeSelector = require('parent-selector')
var childelement = document.getElementbyId('childid')

var parentelement = childelement.parentNodeSelector('div#parentid')

install

npm install parent-selector

license

MIT

Package Sidebar

Install

npm i parent-selector

Weekly Downloads

1

Version

0.1.1

License

MIT

Last publish

Collaborators

  • bloodyknuckles