jQueryでHTML5の独自データ属性（data Attributes）を扱う

jQueryでHTML5の独自データ属性（data Attributes）を扱う HTMLにはさまざまな属性がありますが、HTML5からはdata属性を使用することで独自の設定がきるようになりました。最近ではjQueryMobileで使用されていることもあり、お目にする機会も増えたのではないでしょうか。 この記事ではjQueryを使用してこのdata属性にアクセスする方法をご紹介します。 投稿日2011年07月01日 更新日2011年07月01日 data属性のマークアップ data属性は「data-」以降に文字列を指定することで設定できます。 たとえば「data-role」に「hoge」という値を設定する場合はマークアップは次のようになります。 html <div data-role="hoge">太郎</div> jQueryでこの「hoge」という値を取り出すには、dataメソッドの

[natto_tamago]

HTML5のdata属性の設定と取得の仕方

[gon9before]

data- でタグにデータ項目を設定

[junichi_y]

jQueryでHTML5の独自データ属性（data Attributes）を扱う #jQuery #html5 #data #tips #attribute

[Akaza]

jQuery

[kobake]

jQuery data attributes

[nilab]

jQueryでHTML5の独自データ属性（data Attributes）を扱う | webOpixel : <div data-role="hoge">太郎</div> のときに $('div').data('role'); で値を取得

[cyokodog]

json形式の場合はダブルクォートで囲ったちゃんとしたjsonでないとdata()してもstring型のままなので要注意.http://cyokodog.tumblr.com/post/36217122375/jquery-convert-json

[tomoworks]

ﾌﾑﾌﾑ。

[jdash]

これってdata属性を.data("aaa")で読み取るようなんだけど、.attr("data-aaa")で読み取ってはだめなのかね。