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

0 vote185 views1 answer
Jquery get all inputs in form
Javascript jQuery
1 vote174 views1 answer
Jquery datepicker no weekends
Javascript jQuery
13 votes184 views6 answers
Scroll to top jquery
Javascript jQuery
9 votes167 views3 answers
Jquery is visible
Javascript jQuery
3 votes162 views1 answer
Fadein fadeout jquery
Javascript jQuery
2 votes164 views1 answer
Jquery visibility hidden show
Javascript jQuery
8 votes171 views1 answer
Get the size of the browser jquery
Javascript jQuery
0 vote196 views1 answer
Disable anchor tag jquery after click
Javascript jQuery
0 vote180 views1 answer
Jquery detect shift tab
Javascript jQuery
3 votes118 views1 answer
Jquery element change
Javascript jQuery