[jQuery]取得したdata属性がundefinedになってしまうときの対処法

未分類

取得したdata属性がundefinedになったときの対処法

起きた事象

<div class="box" data-userName="Konoha">このは</div>
var userName = $('.box').data('userName');
console.log(userName);

コンソールを開いてみると、「Konoha」と出るはずが、
なぜか「undefined」(定義されていない)と出てしまう。

原因・解決策

どうやら、data属性に大文字は使用できないみたいです。

  • × data-userName=”Konoha”
  • ○ data-username=”Konoha”

data属性の値は大文字OKみたいです。

参考

コメント

タイトルとURLをコピーしました