如何使用對象設置jQuery.data（）

Question

我正在嘗試使用.data（）方法來存儲使用變量的數據。但是，由於某種原因，它不起作用。這裏是我的概念證明代碼：

var option = 'x'; 
$(this).data({ 'x' : 0 }); 
alert($(this).data(option)); 
$(this).data({ option : 20 }); 
alert($(this).data(option)); 

令人驚訝的兩個警報返回0，而不是爲0，然後20.任何幫助，非常感謝！謝謝！

Answer 1

的問題是，你option關鍵字在你的對象中，literal被解釋爲鍵的文字字符串，而不是x（這只是對象文字的工作方式）。如果你想能夠使用變量鍵，你需要使用一個臨時對象。例如，

var option = 'x'; 
$(this).data({ 'x' : 0 }); 
alert($(this).data(option)); 
// create a data object so you can use a variable for the key 
var obj = {}; 
obj[option] = 20; 
$(this).data(obj); 
alert($(this).data(option)); 

Answer 2

這是因爲在第二個版本中，您引用的是「選項」鍵而不是變量選項（鍵「x」）。

var option = 'x'; 
$(this).data({ 'x' : 7 }); 
console.log($(this).data(option)); 
$(this).data({ option : 20 }); 
console.log($(this).data('option')); 

這方面的一個簡單的版本：

option = 'x'; 
console.log({option: 20}); 

輸出：

Object { option=20 } 

但是，您可以使用一個變量使用key value syntax。

$(this).data(option, 20); 

Answer 3

您要訪問的屬性......這樣的..

$(this).data({ option : 20 }); 
alert($(this).data('option')); 

Answer 4

的原因是你的第二個

$(this).data({ option : 20 }); 

套20到option屬性，當你實際上是將其設置爲x屬性。

我覺得這是你想要做的，而不是什麼：

var option = 'x'; 
$(this).data({ x : 0 }); 
alert($(this).data(option)); 
$(this).data({ x : 20 }); 
alert($(this).data(option)); 

或者，您可以改用鍵值的語法如下：

var option = 'x'; 
$(this).data(option, 0); 
alert($(this).data(option)); 
$(this).data(option, 20); 
alert($(this).data(option)); 

Answer 5

數據對象的關鍵字不能是變量。

你可以做的是：

var option = 'x'; 
var data = {}; 
data['x'] = '0'; 
$(this).data(data); 
alert($(this).data(option));