jQueryで便利なカスタムデータ属性(data-*)使ってますか?

2017年9月17日

タグに対して任意の値を任意の名前「data-」で始まって一文字以上が必要。
jQueryで参照したい値を持たせたりするのに便利。
classやidに無理やり持たせる必要がなくなる。

使用例

  1. <ul>
  2. <li class=”btn” data-num=”1″>ボタン1</li>
  3. <li class=”btn” data-num=”2″>ボタン2</li>
  4. <li class=”btn” data-num=”3″>ボタン3</li>
  5. </ul>