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

50 votes192 views6 answers
Jquery disable button
Javascript jQuery
0 vote246 views1 answer
Jquery post data into an iframe from textarea live
Javascript jQuery
1 vote225 views1 answer
Reset a select option jquery
Javascript jQuery
0 vote207 views1 answer
Jquery closert
Javascript jQuery
13 votes228 views6 answers
Jquery on checkbox change
Javascript jQuery
1 vote229 views2 answers
Jquery show hide based on data attribute
Javascript jQuery
0 vote225 views1 answer
On hover display block jquery
Javascript jQuery
1 vote228 views1 answer
Jquery get td value
Javascript jQuery
0 vote198 views2 answers
Jquery parse html
Javascript jQuery
0 vote251 views1 answer
Jquery check is select
Javascript jQuery