cheerio-get-css-selector

2.0.0 • Public • Published

cheerio-get-css-selector

Adds one extra function to cheerio: get a unique css selector.

When searching through the ancestors while building the selector the algorithm with stop at the closest element that has an id.

How to use:

Install the package:

npm install cheerio-get-css-selector

Init the library and pass it your cheerio object:

require('get-unique-selector').init($);

Use it as a method of cheerio objects:

$element.getUniqueSelector();

Example

<html> 
  <body> 
    <div id="my-div"> 
      <span> 
        <span class="test-class"></span>
        <span></span>
      </span> 
    </div> 
  </body> 
</html>
var cheerio = require('cheerio');
var GetUniqueSelector = require('get-unique-selector');
 
var $ = cheerio.load('<html><body><div id="my-div"><span><span class="test-class"></span></span></div></body></html>');
GetUniqueSelector.init($);
 
var $element = $('.test-class');
 
console.log($element.getUniqueSelector()); // outputs:#my-div > span > span:first-child

Package Sidebar

Install

npm i cheerio-get-css-selector

Weekly Downloads

91

Version

2.0.0

License

MIT

Last publish

Collaborators

  • bertyhell