Store javascript variable in data attribute and retrieve it

Question

I have a jsfiddle here - http://jsfiddle.net/0zppxL95/

I'm trying to store a jQuery variable in a html data attribute and then get that value when I click a button.

Is it possible to do this, or how would I store a javascript variable and then retrieve it.

This will be in a loop so I wanted to store it on the variable on this object connected to the button so I can say when this button is clicked get this variable.

        var test = 'Hello';

        $('button').click(function(){
            var output = $(this).parent().attr('data-text');
            alert(output);
        })

Are you trying to assign the value of data-text to the var test when you click the button? — sbeliv01
– sbeliv01, Commented Sep 4, 2014 at 14:01

Alvaro · Accepted Answer · 2014-09-04 14:02:19Z

2

You can do it setting the attr value and then retrieving it as you are doing now:

var test = 'Hello';

$('button').click(function(){
    //set the variable
    $(this).parent().attr('data-text', test);

    //get the variable
    var output = $(this).parent().attr('data-text');
    alert(output);
})

Living example

answered Sep 4, 2014 at 14:02

Alvaro

41.7k31 gold badges174 silver badges352 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Anton · Accepted Answer · 2014-09-04 14:02:40Z

1

Set data using .data(key,value)

$(this).parent().data('text',test);

DEMO

answered Sep 4, 2014 at 14:02

Anton

32.6k5 gold badges47 silver badges54 bronze badges

Comments

Milind Anantwar · Accepted Answer · 2014-09-04 14:02:27Z

1

For setting the data attribute you need to use:

$(this).parent().data('text',test);

Working Demo

answered Sep 4, 2014 at 14:02

Milind Anantwar

82.3k26 gold badges97 silver badges128 bronze badges

Collectives™ on Stack Overflow

Store javascript variable in data attribute and retrieve it

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related