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 vote311 views2 answers
Is there an “exists” function for jQuery
Javascript jQuery
2 votes342 views2 answers
Get value of span jquery
Javascript jQuery
0 vote325 views1 answer
Concatenation of loop data in variable using jquery
Javascript jQuery
2 votes294 views1 answer
Jquery add contenteditable="true"
Javascript jQuery
2 votes355 views1 answer
Double click in jquery
Javascript jQuery
0 vote338 views1 answer
Jquery table header agnostic of scroll
Javascript jQuery
0 vote312 views2 answers
How to use if condition in jquery validation
Javascript jQuery
0 vote345 views1 answer
Force click btn using jquery
Javascript jQuery
6 votes328 views4 answers
Jquery on dom change
Javascript jQuery
0 vote342 views1 answer
Jquery check if empty object
Javascript jQuery