/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 vote163 views1 answer
Jquery is numeric
Javascript jQuery
0 vote168 views1 answer
You need to inject a global window.jQuery first.
Javascript jQuery
0 vote165 views1 answer
Jquery cget lineheight in pixels
Javascript jQuery
10 votes177 views5 answers
Jquery after
Javascript jQuery
41 votes156 views3 answers
Jquery get value of element
Javascript jQuery
15 votes161 views5 answers
Disable button click jquery
Javascript jQuery
1 vote170 views2 answers
CLEAR FORM using jquery
Javascript jQuery
0 vote174 views1 answer
JQuery onclick not firing on dynamically inserted HTML elements
Javascript jQuery
0 vote154 views1 answer
Change abclground onload jquery
Javascript jQuery
1 vote205 views1 answer
Custom jquery validation messages
Javascript jQuery