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

0 vote312 views1 answer
Dynamic button click event in jquery
Javascript jQuery
41 votes319 views6 answers
Jquery remove element
Javascript jQuery
23 votes299 views5 answers
How to reset form values in jquery
Javascript jQuery
1 vote291 views3 answers
Save action hide element in jquery
Javascript jQuery
3 votes273 views1 answer
Make ajax calls with jQuery
Javascript jQuery
2 votes280 views2 answers
Jquery scroll to id
Javascript jQuery
0 vote315 views1 answer
Jquery check if click to this self not this child
Javascript jQuery
2 votes275 views1 answer
Jquery translate
Javascript jQuery
13 votes303 views3 answers
Jquery not equal
Javascript jQuery
0 vote277 views1 answer
Jquery ui draggable list
Javascript jQuery