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 vote158 views1 answer
Event handler attachment jquery
Javascript jQuery
9 votes213 views3 answers
Animate jquery
Javascript jQuery
1 vote199 views1 answer
Change input to required jquery
Javascript jQuery
4 votes196 views1 answer
Jquery select on select
Javascript jQuery
85 votes209 views6 answers
How to check checkbox using jquery
Javascript jQuery
23 votes238 views1 answer
JQuery create div element
Javascript jQuery
16 votes181 views4 answers
Jquery html select selected get text
Javascript jQuery
1 vote207 views1 answer
Jquery select a dynamic element
Javascript jQuery
0 vote197 views1 answer
Change background color input jquery
Javascript jQuery
6 votes310 views2 answers
Get closest element id jquery
Javascript jQuery