javascript - 在 div 中隐藏数据的替代方法？

Question

我经常发现自己将对象数据存储在隐藏的 dom 元素中。我很好奇是否有办法将此数据附加到 dom 节点本身。当我尝试“即时”创建属性时，它似乎不起作用。使用 this.something 访问属性会比访问子项中包含的 html 更容易。我觉得我应该知道该怎么做，但我不知道。谢谢。

Answer 1

绝对有! jQuery 的 .data() .

$('#someId').data('myData', someValue); // To store the data
$('#someId').data('myData'); // To retrieve it again

任何 JavaScript 变量都可以存储为数据 - 不限于字符串。

请注意，这实际上并没有像您所说的那样将数据附加到 DOM 节点(应该避免)。 jQuery 保留它自己的缓存，其中包含您存储的所有数据以及您要将其附加到的 DOM 节点。所以，它与 domNode.myData = someValue 不同。