/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

1 vote222 views1 answer
Reset div jquery
Javascript jQuery
1 vote224 views3 answers
Jquery onclick open url
Javascript jQuery
0 vote208 views1 answer
JQuery click function not working?
Javascript jQuery
2 votes202 views1 answer
Pageyoffset jquery
Javascript jQuery
24 votes214 views4 answers
Jquery scroll to element id
Javascript jQuery
118 votes281 views6 answers
JQuery is checkbox checked
Javascript jQuery
12 votes247 views3 answers
Jquery replace element
Javascript jQuery
0 vote234 views1 answer
How to add an image using jquery
Javascript jQuery
25 votes218 views3 answers
Jquery this value
Javascript jQuery
0 vote205 views1 answer
Dynamic event listener jquery
Javascript jQuery