jQueryで便利なカスタムデータ属性（data-*）使ってますか？

2017年8月4日2017年9月17日

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

使用例

1. <ul>
2. <li class="btn" data-num="1">ボタン１</li>
3. <li class="btn" data-num="2">ボタン２</li>
4. <li class="btn" data-num="3">ボタン３</li>
5. </ul>