jQuery:使用带有自定义属性的 attr

Question

现在我正在做各种无效的事情，例如:

<span time="50" distance="60"></span>

然后通过以下方式获取该信息:

var time = $('span').attr('time');
var distance = $('span').attr('distance');

然后在 jS/jQuery 中根据时间和距离做各种事情。

对我来说，这感觉不对。这是没有语义的，但我真的不在乎(实际数据不是时间和距离，而是一些毫无值(value)且特定于页面的东西，SE 不感兴趣)。但是还有其他原因说明这是一个坏主意吗？

我知道有一个元数据插件可以以更“官方”的方式执行类似的操作，并且我考虑过使用它。但这个 .attr 东西适合我的需求，而且我没有看到任何令人信服的理由来使用该插件。

所以基本上，这是一个不错的使用模式吗？如果不是，为什么不呢，我应该对元数据插件感兴趣吗？

谢谢。

Answer 1

HTML5 支持在向后兼容的属性中嵌入数据。这是一个例子:

<li class="user" data-name="John Resig" data-city="Boston"
     data-lang="js" data-food="Bacon">
  <b>John says:</b> <span>Hello, how are you?</span>
</li>

Useragents 也许会将 .dataset 的想法实现到 JavaScript 中，这将很容易让您单独提取数据位，但现在只需更改您的类以包含数据就足够了。这将验证为 HTML5。

对我来说，这比元数据 jquery 的想法要好得多 - 这对我来说似乎很愚蠢。

See here for more info.