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

3 votes116 views3 answers
Clear input field jquery
Javascript jQuery
1 vote114 views1 answer
Jquery setinterval clear after first attempt
Javascript jQuery
7 votes127 views3 answers
Jquery get link href value
Javascript jQuery
59 votes114 views3 answers
Jquery element css
Javascript jQuery
18 votes134 views5 answers
Onclick open modal jquery
Javascript jQuery
0 vote125 views1 answer
How to submit form on changed url in function in jquery
Javascript jQuery
0 vote109 views1 answer
Jquery determine empty value radio by name
Javascript jQuery
136 votes261 views3 answers
To int jquery
Javascript jQuery
36 votes107 views3 answers
Jquery add html to end of div
Javascript jQuery
0 vote109 views1 answer
Upload excel file using jquery ajax
Javascript jQuery