/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

109 votes781 views6 answers
Jquery check checkbox
Javascript jQuery
0 vote237 views1 answer
Textbox text change jquery
Javascript jQuery
1 vote259 views1 answer
Jquery give control focus
Javascript jQuery
12 votes278 views2 answers
Jquery clear form values
Javascript jQuery
13 votes281 views4 answers
How to get checked and unchecked checkbox value in jquery
Javascript jQuery
0 vote276 views1 answer
Capturar el valor de un input con jquery
Javascript jQuery
0 vote289 views1 answer
Jquery to vanilla javascript
Javascript jQuery
1 vote283 views1 answer
Jquery select self and siblings
Javascript jQuery
0 vote267 views1 answer
Nested table jquery datatable
Javascript jQuery
1 vote271 views2 answers
Not disabled jquery
Javascript jQuery