jQuery Data函数返回'undefined'

Question

我有以下HTML：

<a href="#" data-secID="1901">
  <img src="pencil.png" title="Edit" />
</a>

以下jQuery我希望将1901的secID警告到屏幕，而是警告“未定义”到屏幕。

$(document).on("click", "a[data-secID]", function ($e) {
  alert($(this).data('secID'));
  $e.preventDefault();
});

为什么我得到'未定义'而不是1901？

Answer 1

好像属性名称转换为小写。试试这个：

$(document).on("click", "a[data-secID]", function ($e) {
  alert($(this).data('secid'));
  $e.preventDefault();
});

演示：http://jsfiddle.net/72Ykj/

评论参考：http://www.w3.org/html/wg/drafts/html/master/dom.html#embedding-custom-non-visible-data-with-the-data-%2A-attributes

Answer 2

[评论后编辑] 一个（不太好）的解决方法是使用

.attr('data-secID')

而不是

.data('secID)