HTML5から追加されたdata-*カスタム属性

HTML5から追加されたdata-*カスタム属性

HTML5から追加されたdata-*で始まる属性を指定できるようになりました。

Webアプリで独自属性に任意のデータを指定することにより、任意のデータを取得できます。

セレクタ.data(‘*’)で指定することによってこの属性の値を取得することができます。

<script type="text/javascript">
$(function(){
  var ret = $('#a').data('aiu');
  alert(ret);
});
</script>

<!-- body部分 -->
<span id="a" data-aiu="xxx">文章</span>

上記では、data-aiuとしているので、セレクタ.data(‘aiu’)とします。

DEMO

コメント

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