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 vote144 views1 answer
Jquery visibility effects
Javascript jQuery
7 votes123 views4 answers
Jquery get selected dropdown item
Javascript jQuery
13 votes148 views4 answers
How to get checked and unchecked checkbox value in jquery
Javascript jQuery
0 vote127 views1 answer
Change background color input jquery
Javascript jQuery
0 vote203 views1 answer
Jquery sum table column td
Javascript jQuery
0 vote144 views1 answer
Selected option attribute jquery
Javascript jQuery
1 vote124 views1 answer
Jquery avoid enter submit
Javascript jQuery
0 vote129 views1 answer
Jquery use variable in string
Javascript jQuery
3 votes149 views4 answers
Jquery hover event
Javascript jQuery
0 vote129 views1 answer
Find element by two attributes jquery
Javascript jQuery