javascript - 数据属性区分大小写

Question

嗯，一定是晚了，我的大脑 NumPy 了。为什么 jQuery 不识别数据属性中的大小写敏感？我遇到了这个烦人的问题:

HTML:

<a data-showId="12345">Test 1</a>

Javascript:

console.log($('a').data('showId'));
console.log($('a').data('showid'));

第一行未定义，第二行正确返回12345。我认为它应该在第一行正确返回而在第二行未定义。那么是不是说所有的data-attr都必须小写呢？

在这里查看 http://jsfiddle.net/qhoc/7dExt/1/

Answer 1

我认为这与 data-* 这一事实有关明确阻止数据 key 具有大写的 A 到 Z 字母。

• 名称不得以 xml 开头，无论这些字母大小写如何；
• 名称不得包含任何分号 (U+003A)；
• 名称不得包含大写的 A 到 Z 字母。

在 data-* 命名方案中，像 data-show-id 这样的数据属性可以在 javascript 中使用键 showId 访问，因为这个限制使用大写字母似乎在键中受到限制。

还有 read :

All attributes on HTML elements in HTML documents get ASCII-lowercased automatically, so the restriction on ASCII uppercase letters doesn't affect such documents