保存信息在HTML標籤/ jQuery

Question

我想這樣保存容器的狀態在他們的任何標籤，以使用它與jQuery。問題是如果我使用data-xy和data（）或attr（），JS說undefined。

達到此目的的最佳方法是什麼？

Answer 1

這很多次。數據屬性將始終爲小寫。

說：

$('#hello').data("testhello"); rather than "testHello". 

希望這有助於：

<div id="hello" data-testHello="HelloThere">Test</div> 

的數據將仍然可以訪問。

Answer 2

用屬性創建一個對象作爲div或元素的id和值。

<div id="foo"><span>this is a test</span></div> 

對於設置狀態

var stateStore = {}; 
stateStore["foo"] = "dirty"; 

對於進入狀態

$("div").each(function(){ 
MakeAnythingWithIt(this); 
}) 

function MakeAnythingWithIt(theElement) 
{ 
var elementState = stateSore[$(theElement).attr("id")]; 
} 

另一種方式是附加的輸入類型= 「隱藏」 與有狀態信息