将javascript变量存储在数据属性中并进行检索

Store javascript variable in data attribute and retrieve it

本文关键字：检索 数据属性 javascript 变量 存储      更新时间：2023-09-26

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

我正在尝试将jQuery变量存储在html数据属性中然后当我点击一个按钮时得到这个值。

有可能做到这一点吗，或者我如何存储javascript变量，然后检索它

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

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

您可以设置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);
})

实例

使用.data(key,value) 设置数据

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

DEMO

为了设置需要使用的数据属性：

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

工作演示

相关文章：