/Javascript/jQuery/Jquery select by data attribute

Jquery select by data attribute

Jquery get data attribute value

/* html */
<a data-id="123">link</a>

/* js */
$(this).attr("data-id") // returns string "123"

$(this).data("id") // returns number 123 (jQuery >= 1.4.3 only)

Source: stackoverflow.com

Jquery select by data attribute

$('div[data-key=value]');

Find element with data attribute jquery

$("ul").find(`[data-slide='${current}']`)

Jquery select element with data

$('[data-attribute="value"]');

Source: stackoverflow.com

Jquery find by data attribute

$('.slide-link[data-slide="0"]').addClass('active');

Source: stackoverflow.com

Jquery get option data attribute

$(this).find(':selected').data('id');

Similar codes

0 vote304 views1 answer
Immediate invoke jquery function
Javascript jQuery
12 votes186 views3 answers
Jquery check if screen size
Javascript jQuery
0 vote186 views1 answer
Jquery on load button click
Javascript jQuery
7 votes180 views3 answers
Jquery remove option from dropdown
Javascript jQuery
0 vote181 views1 answer
Remove required attribute jquery mvc
Javascript jQuery
0 vote213 views1 answer
How to set name attribute in jquery
Javascript jQuery
10 votes176 views4 answers
Add and remove class in jquery
Javascript jQuery
15 votes286 views5 answers
Jquery if is visible
Javascript jQuery
6 votes195 views6 answers
Jquery add option to select
Javascript jQuery
6 votes263 views3 answers
Get value of selected checkbox jquery
Javascript jQuery