Jquery data selector

Jquery select by data attribute

$('div[data-key=value]');

Jquery get data attribute

<a data-id="123">link</a>


var id = $(this).data("id"); // Will set id to 123

Source: stackoverflow.com

Jquery select element with data

$('[data-attribute="value"]');

Source: stackoverflow.com

Jquery data selector

$("ul[data-group='Companies'] li[data-company='Microsoft']") //Get all elements with data-company="Microsoft" below "Companies"

$("ul[data-group='Companies'] li:not([data-company='Microsoft'])") //get all elements with data-company!="Microsoft" below "Companies"

Source: stackoverflow.com

Similar codes

6 votes117 views2 answers
Jquery check if document loaded
Javascript jQuery
0 vote142 views1 answer
Get index of option in select jquery
Javascript jQuery
0 vote124 views1 answer
Wordpress disable jquery migrate
Javascript jQuery
1 vote171 views1 answer
Jquery find children not working
Javascript jQuery
20 votes136 views6 answers
Change image src jquery
Javascript jQuery
46 votes128 views3 answers
Shorthand for jquery document ready
Javascript jQuery
13 votes136 views3 answers
Jquery not equal
Javascript jQuery
1 vote135 views1 answer
Jquery onlcick css change
Javascript jQuery
0 vote129 views1 answer
Foreach in the elements with a data attibute jquery
Javascript jQuery
-1 vote170 views2 answers
Jquery sweet popup
Javascript jQuery