/Javascript/jQuery/Jquery get data attribute

Jquery get data attribute

Js get data attribute

var element = document.querySelector('.element');
var dataAttribute = element.getAttribute('data-name');
// replace "data-name" with your data attribute name

console.log(dataAttribute);

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

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

$('.slide-link[data-slide="0"]').addClass('active');

Source: stackoverflow.com

Similar codes

0 vote170 views1 answer
Jquery get attribute value of parent element
Javascript jQuery
0 vote142 views2 answers
Jquery ajax send custom data after serialize
Javascript jQuery
0 vote155 views1 answer
Click and copy jquery dynamic content
Javascript jQuery
2 votes151 views1 answer
Disable option dropdown jquery
Javascript jQuery
0 vote162 views1 answer
Disable copy past jquery
Javascript jQuery
11 votes182 views4 answers
Data-dismiss= modal in jquery
Javascript jQuery
30 votes150 views3 answers
Jquery delete buton
Javascript jQuery
0 vote235 views1 answer
Jquery not calling id from div called in ajax
Javascript jQuery
10 votes155 views6 answers
Jquery on change
Javascript jQuery
105 votes178 views6 answers
Jquery see if checkbox is checked
Javascript jQuery