检查 jquery 元数据是否存在？

Question

似乎无法找到有关此谷歌搜索的任何信息。希望这并不意味着因为你做不到。 我正在尝试检查元素上是否存在元数据。因此，如果我有一个像 这样的元素，通过我的点击功能，我将使用 $ (this).hasClass('myid') 或 $(this).hasClass({'myid'})。可以这样做吗？

还可以动态添加元数据吗？如果我尝试 $(this).addClass({some:data}) ，它会将其添加到类中，但我无法使用metadata() 读取它。

Answer 1

听起来你想使用 jQuery.data(name, [value]);

您可以像这样使用它来存储和检索任何元素上的数据。

//store values on the element
$('#someID').data('secret','My voice is my password, verify me.');
$('#someID').data('age',33);
$('#someID').data('name','Jasper');
$('#someID').data('occupation','Toy maker');
//retrieve values from the element
alert(
  'Hi my name is ' + $('#someID').data('name') +
  ' i\'m ' + $('#someID').data('age') +
  ' i\'m a ' + $('#someID').data('occupation') +
  ' oh, and ' + $('#someID').data('secret')
);

Answer 2

据我所知，该插件提取的元数据是只读的，并且它还缓存它构造的对象，这样它就不必重新解析属性值等。如果您想要一个读写解决方案，那么编写一个小函数来提取元数据并将其添加到 标准 jQuery 数据存储。那么，可以随意修改。 （实际上，如果有人还没有编写这样的插件，我会感到有点惊讶。）