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 vote335 views1 answer
Click anchor tag using jquery
Javascript jQuery
0 vote291 views1 answer
Jquery top 20 function
Javascript jQuery
0 vote332 views1 answer
At leastone checkbox required jquery
Javascript jQuery
0 vote356 views2 answers
Jquery get meta value
Javascript jQuery
1 vote310 views1 answer
Detecting screen width in jquery
Javascript jQuery
0 vote343 views1 answer
Window bind load jquery
Javascript jQuery
4 votes371 views5 answers
Jquery trigger
Javascript jQuery
19 votes401 views6 answers
Jquery modal popup
Javascript jQuery
2 votes318 views1 answer
Dropdown validation using jquery
Javascript jQuery
0 vote340 views1 answer
Navigate to url jquery
Javascript jQuery