jquery - jQuery データ関数が「未定義」を返す

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 ではなく「未定義」と表示されるのはなぜですか?

score 3 · Accepted Answer

属性名が小文字に変換されているように見えます。これを試して：

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

score 0 · Accepted Answer

[コメント後に編集] (あまり良くない) 回避策は使用することです

.attr('data-secID')

それ以外の

.data('secID)

2 に答える 2