/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

24 votes123 views3 answers
Round function in jquery
Javascript jQuery
11 votes81 views2 answers
How to set value in input field using jquery
Javascript jQuery
0 vote194 views1 answer
Immediate invoke jquery function
Javascript jQuery
12 votes136 views3 answers
Jquery check if screen size
Javascript jQuery
30 votes144 views6 answers
Jquery find by data attribute
Javascript jQuery
0 vote133 views1 answer
Jquery onclick doesn't work on adding another id and removing the old id
Javascript jQuery
0 vote138 views2 answers
Set options using jquery in laravel form collective
Javascript jQuery
0 vote135 views4 answers
Jquery alertify
Javascript jQuery
0 vote121 views1 answer
Find element by two attributes jquery
Javascript jQuery
48 votes129 views6 answers
Jquery uncheck checkbox
Javascript jQuery