javascript - 在 HTML 标签/jQuery 中保存信息

Question

我希望将容器的状态保存在它们的任何标签中，以便与 jQuery 一起使用。问题是如果我使用 data-xy 和 data() 或 attr()，JS 会说未定义。

实现这一目标的最佳方法是什么？

Answer 1

有很多次了。数据属性总是小写。

说：

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

数据仍将通过以下方式访问：

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

希望这可以帮助。

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")];
}

另一种方法是在输入 type="hidden" 中附加状态信息