Breaking News: Grepper is joining You.com. Read the official announcement!

set data attribute with a string jquery

Add Answer

RedBredren answered on October 23, 2019 Popularity 10/10 Helpfulness 6/10

answer set data attribute with a string jquery

related jquery set data attribute value

related jquery data attribute

related change data attribute jquery

related set custom data attribute jquery

set data attribute with a string jquery

Comment

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>

Popularity 10/10 Helpfulness 6/10 Language javascript

Source: stackoverflow.com

Tags: javascript jquery set string

Link to this answer
Share Copy Link

Contributed on Sep 18 2020

RedBredren

0 Answers Avg Quality 2/10

Closely Related Answers

jquery set data attribute value

Comment

//<div id="myElementID" data-myvalue="37"></div>
var a = $('#myElementID').data('myvalue'); //get myvalue
$('#myElementID').data('myvalue',38); //set myvalue

Popularity 10/10 Helpfulness 8/10 Language java

Source: Grepper

Tags: java

Link to this answer
Share Copy Link

Contributed on Oct 23 2019

Grepper

0 Answers Avg Quality 2/10

jquery data attribute

Comment

/* 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)

Popularity 10/10 Helpfulness 6/10 Language javascript

Source: stackoverflow.com

Tags: javascript j

Link to this answer
Share Copy Link

Contributed on Oct 28 2020

Potato

0 Answers Avg Quality 2/10

change data attribute jquery

Comment

//sometimes it is better to use JS
<script>
// 'Getting' data-attributes using getAttribute
var plant = document.getElementById('strawberry-plant');
var fruitCount = plant.getAttribute('data-fruit'); // fruitCount = '12'

// 'Setting' data-attributes using setAttribute
plant.setAttribute('data-fruit','7'); // Pesky birds
</script>

Popularity 10/10 Helpfulness 5/10 Language javascript

Source: stackoverflow.com

Tags: javascript j

Link to this answer
Share Copy Link

Contributed on Apr 23 2022

Noob Learner

0 Answers Avg Quality 2/10

set custom data attribute jquery

Comment

//set the custom data value
let mainDiv = $('#yourDivId').data('anyName', value);
//access the custom data value
mainDiv.data('anyName');

Popularity 9/10 Helpfulness 5/10 Language javascript

Source: Grepper

Tags: custom-data-attribute custom-data-

Link to this answer
Share Copy Link

Contributed on May 27 2021

TJ Max

0 Answers Avg Quality 2/10

set data attribute with a string jquery

Contents

More Related Answers

set data attribute with a string jquery

Closely Related Answers

jquery set data attribute value

jquery data attribute

change data attribute jquery

set custom data attribute jquery

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.