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

33 votes260 views6 answers
Jquery get radio button checked
Javascript jQuery
13 votes267 views3 answers
Jquery switch class
Javascript jQuery
14 votes275 views4 answers
Image preview before upload jquery
Javascript jQuery
0 vote337 views1 answer
Move li to bottom of list jquery selected value
Javascript jQuery
0 vote292 views1 answer
Jquery find attribute from siblings
Javascript jQuery
1 vote296 views2 answers
Jquery get today date
Javascript jQuery
115 votes390 views6 answers
Checkbox jquery checked
Javascript jQuery
23 votes287 views3 answers
Scroll to element jquery
Javascript jQuery
8 votes283 views5 answers
Change select value jquery
Javascript jQuery
0 vote313 views1 answer
How can I redirect the user from one page to another using jQuery or pure JavaScript?
Javascript jQuery