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

1 vote164 views1 answer
Open submenu jquery
Javascript jQuery
2 votes185 views1 answer
File upload in jquery
Javascript jQuery
28 votes242 views3 answers
Jquery check if element still exists
Javascript jQuery
5 votes182 views5 answers
Scroll to top in jquery
Javascript jQuery
0 vote171 views2 answers
Jquery check if iframe is loaded
Javascript jQuery
0 vote176 views1 answer
Add on click to div using jquery
Javascript jQuery
0 vote180 views2 answers
Jquery.validate.unobtrusive dynamic content
Javascript jQuery
4 votes179 views4 answers
Remove or add class jquery
Javascript jQuery
0 vote175 views1 answer
Image animation jquery
Javascript jQuery
0 vote197 views1 answer
Jquery sum table column td
Javascript jQuery