商店JavaScript變量的數據屬性和檢索

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

使用.data(key,value)

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

DEMO

Answer 2

你可以做到這一點設置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

Answer 3

用於設置數據屬性，你需要使用：

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

Working Demo個