/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

19 votes244 views4 answers
Get element by name in jquery
Javascript jQuery
0 vote224 views2 answers
Preview upload image jquery
Javascript jQuery
0 vote259 views1 answer
Jquery set max attribute value
Javascript jQuery
21 votes233 views3 answers
Jquery enable submit button
Javascript jQuery
19 votes273 views6 answers
Get selected option text jquery
Javascript jQuery
24 votes255 views6 answers
Open modal using jquery
Javascript jQuery
0 vote246 views2 answers
How to set dropdown value in textbox using jquery
Javascript jQuery
0 vote274 views1 answer
Space in string using if in jquery
Javascript jQuery
0 vote256 views1 answer
Toggle attribute jquery
Javascript jQuery
5 votes243 views2 answers
Copy text to clipboard jquery
Javascript jQuery