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)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)set data attribute with a string jquery
alert($('#outer').html()); // alerts <div id="mydiv" data-myval="10"> </div>
var a = $('#mydiv').data('myval'); //getter
$('#mydiv').attr("data-myval","20"); //setter
alert($('#outer').html()); //alerts <div id="mydiv" data-myval="20"> </div>jquery get data attribute
<a data-id="123">link</a>
var id = $(this).data("id"); // Will set id to 123set custom data attribute jquery
//set the custom data value
let mainDiv = $('#yourDivId').data('anyName', value);
//access the custom data value
mainDiv.data('anyName');jquery data attribute
data attribute in jquery
For setting attribute data to the element
Html
<p id="assign">Assigning data attribute</p>
jquery
$("#assign").data("title","firstparagraph");
Output:
<p id="assign" data-title="firstparagraph">Assigning data attribute</p>
For getting attribute data from the element
Html
<p id="assign" data-title="firstparagraph">Assigning data attribute</p>
jquery
console.log($("#assign").data("title"));
console.log($("#assign").data());
Output:
firstparagraph
{ title: firstparagraph }Copyright © 2021 Codeinu
Forgot your account's password or having trouble logging into your Account? Don't worry, we'll help you to get back your account. Enter your email address and we'll send you a recovery link to reset your password. If you are experiencing problems resetting your password contact us
