Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/ericclemmons/unique-selector
Given a DOM node, return a unique CSS selector matching only that element
https://github.com/ericclemmons/unique-selector
Last synced: about 2 months ago
JSON representation
Given a DOM node, return a unique CSS selector matching only that element
- Host: GitHub
- URL: https://github.com/ericclemmons/unique-selector
- Owner: ericclemmons
- License: mit
- Created: 2012-12-10T21:25:55.000Z (almost 12 years ago)
- Default Branch: master
- Last Pushed: 2023-10-16T15:20:31.000Z (11 months ago)
- Last Synced: 2024-07-18T21:18:35.644Z (2 months ago)
- Language: JavaScript
- Size: 209 KB
- Stars: 260
- Watchers: 7
- Forks: 54
- Open Issues: 17
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
unique-selector
===============[![Build Status](https://travis-ci.org/ericclemmons/unique-selector.png)](https://travis-ci.org/ericclemmons/unique-selector)
[![CocoaPods](https://img.shields.io/cocoapods/l/AFNetworking.svg)]()
[![semantic-versioning](https://img.shields.io/badge/semantic%20-versioning-green.svg)]()Given a DOM node, return a unique CSS selector matching only that element.
This is particularly useful when tracking in custom variables in analytics:document.addEventListener('click', function(event) {
var selector = unique(event.target);_gaq.push(['_trackEvent', 'Engagement', 'Click', selector]);
}, false);Installation
------------[![NPM](https://nodei.co/npm/unique-selector.png?mini=true)](https://nodei.co/npm/unique-selector/)
Options
------------
e.g.1 DomElement = `````
import unique from 'unique-selector';// Optional Options
options = {
// Array of selector types based on which the unique selector will generate
selectorTypes : [ 'ID', 'Class', 'Tag', 'NthChild' ]
}unique( DomElement, options ); // #test
```e.g.2 DomElement = ``
```
import unique from 'unique-selector';// Optional Options
options = {
// Array of selector types based on which the unique selector will be generate
selectorTypes : [ 'Attributes' ]
}unique( DomElement, options ); // [test="2"]
```e.g.3 DomElement = `
````
import unique from 'unique-selector';// Optional Options
options = {
// Regular expression of ID and class names to ignore
excludeRegex : RegExp( 'xyz|abc' )
}unique( DomElement, options ); // .test
```Tests
-----$ npm run test
Contributing
-----
Feel free to open issues, make suggestions or send PRs.
This project adheres to the Contributor Covenant [code of conduct](http://contributor-covenant.org/). By participating, you are expected to uphold this code.Contact
-----Avraam Mavridis : [@avraamakis](https://twitter.com/avraamakis)
Eric Clemmons : [@ericclemmons](https://twitter.com/ericclemmons)
Releases
--------
- v0.1.0- Big refactor/rewrite using es6
- More test + Change the test script
- Script to compile es6 to es5 using babel
- Ability to pass options for the **selectorTypes** based on which the unique selector will be generated, see the options- v0.0.4
- Handle extra whitespace in `className` ([#9](https://github.com/ericclemmons/unique-selector/pull/9))
- v0.0.3
- Add support for various `` elements ([#2](https://github.com/ericclemmons/unique-selector/issues/2))
- v0.0.2
- Fix bug with `nth-child` calculation
- v0.0.1
- Initial release
License
-------MIT
[![Bitdeli Badge](https://d2weczhvl823v0.cloudfront.net/AvraamMavridis/unique-selector/trend.png)](https://bitdeli.com/free "Bitdeli Badge")