javascript - 将 javascript 变量存储在 data 属性中并检索它

Question

我这里有一个 jsfiddle - http://jsfiddle.net/0zppxL95/

我正在尝试将 jQuery 变量存储在 html 数据属性中然后当我单击按钮时获取该值。

是否可以做到这一点，或者我如何存储 JavaScript 变量然后检索它。

这将是一个循环，所以我想将它存储在连接到按钮的该对象的变量上，这样我就可以说当单击此按钮时获取此变量。

        var test = 'Hello';

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

Answer 1

您可以设置 attr 值，然后像现在一样检索它:

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