2011-12-19 9 views
0

jQueryを使用してhtml5属性の値を取得するにはどうすればよいですか?HTML5カスタム属性の更新値

<button data-direction="next" data-next="2"></button> 

私はdata-nextの最新の設定値を取得できるようにしたいです。

私は動的にJavaScriptを使用して値を変更し、それがない、更新された後にページをロードするとき、それは常にセットとしてデータを返す $('[data-direction="next"][data-next]').data('next')、 を使用して取得しようとする - この場合2に。

答えて

2

$('[data-direction="next"][data-next]').attr('data-next')動作するはずです。..

+0

+1 'data-next'は真のhtml5データ表記ではなく、単純にhtml属性です。 –

+0

[attr()](http://api.jquery.com/attr/)を使用して、他の属性と同様にアクセスします。名前でほとんどのHTML値にアクセスすることもできません。 – feeela

0

私は@Pierreに同意します。 attr()メソッドを使用して、目的の値を取得します。

注意点として、セレクタが遅くなることがあります。これをチェックしてくださいarticle