jQueryでdata-*属性を使ってみる

javascriptやjQueryで何らかのデータをhtmlに埋め込んで取りたいけどいいhtml要素がないときdata属性が良さそうです
(古いブラウザならhidden要素でしょうか)

<p class="sentence" data-author="yamada taro">
なんとかかんとか
</p>

$(.sentence).data(“author”)

でyamada taroが取れます

対応しているブラウザはcaniuse.comで調べると良さそうです
IEは8からですね
http://caniuse.com/#search=data-*

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください