/Javascript/jQuery/Find element with data attribute jquery

Find element with data attribute jquery

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 data attribute

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

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

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

Source: stackoverflow.com

Jquery get data attribute

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


var id = $(this).data("id"); // Will set id to 123

Source: stackoverflow.com

Jquery find div with data attribute value

$("body").find("[data-searchme='" + var_value + "']");

Similar codes

120 votes415 views6 answers
Jquery checkbox checked
Javascript jQuery
0 vote202 views1 answer
How to play jquery audio
Javascript jQuery
11 votes184 views4 answers
Disable all buttons jquery
Javascript jQuery
0 vote181 views1 answer
To set the dropdown default value using jquery
Javascript jQuery
0 vote182 views1 answer
Play Gif or Video On hover Jquery
Javascript jQuery
7 votes217 views2 answers
Jquery convert number to decimal
Javascript jQuery
0 vote183 views2 answers
How to show multiple image preview in jquery
Javascript jQuery
0 vote190 views1 answer
Mousemove jquery
Javascript jQuery
0 vote226 views1 answer
Checkbox default value and checked value get in jquery
Javascript jQuery
0 vote232 views1 answer
Jquery click hold down
Javascript jQuery