3
A
答えて
-1
getAttribute()メソッドを使用します。あなたのケースでは
-
document.getElementById('first').getAttribute('data-value')
マニュアルは、ここで見つけることができます: http://www.w3schools.com/jsref/met_element_getattribute.asp
1
使用.attr()
または.getAttribute()
を。それはうまくいくでしょう。
jQueryのソリューション
$(function(){
console.log($('#first').attr('data-value'));
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="firstclass" id="first" data-value="firstvalue">SomeThing</div>
JavaScriptのソリューション
function Example(){
console.log(document.getElementById('first').getAttribute("data-value"));
}
Example();
<div class="firstclass" id="first" data-value="firstvalue">SomeThing</div>
0
あなたは、通常の属性としてそれを考慮して、次のように無地のJavaScriptを使用することができます:属性の命名は、我々はHTML5のデータ仕様を使用することができますdata-
命名規則に従って
document.getElementById("first").getAttribute('data-value');
ので。あなたはデータセット APIを使用してJavaScriptの平野で
は:
document.getElementById("first").dataset.value;
しかし、jQueryのは、このために素敵なショートカットが用意されています
$("#first").data("value");
1
jQueryがdata()
方法があります。それを使用することを検討してください:
// To get/read the value
$("#first").data("value")
// To set the value
$("#first").data("value", "foo-bar")
ドキュメント:
戻り jQueryのコレクションの最初の要素の名前のデータストアでの値、
data(name, value)
またはHTML5data-*
属性によって設定されるように。
関連する問題
- 1. PHPストアの値
- 2. ストア値は
- 3. ストアMotionEvent値
- 4. C++ストアのエディットボックスの値を
- 5. Sencha Touchストアのユニークな値
- 6. pythonストアの新しい値
- 7. ストア整数値log4netの
- 8. ストアとカスタムフィールドにチェックボックスの値を検索
- 9. ストア値にhtml要素の独自の属性を使用できますか?
- 10. ストアのHTMLタイプ
- 11. Pythonでのフラットファイルのキー値ストア
- 12. ストアの再帰関数の値
- 13. ストアの文字列値と後で
- 14. Java用の高性能キー値ストア
- 15. 値型変数のストア参照C#
- 16. PHP - その値
- 17. は、その値
- 18. 信号の値をストアし、一定値としてsimulinkに保存
- 19. ストア(キャッシュ)とlocalYにHTML/JS
- 20. HTMLデフォルトのブラウズ値
- 21. ストア最大部分文字列値
- 22. 再編その値
- 23. リファレンスそのカウンター値
- 24. タグhtmlの値。それは可能ですか?
- 25. コンパイル時のキー/値ストアを構築するには?
- 26. extjsのストアに値を挿入する方法
- 27. htmlのSelectの設定値
- 28. PHPのHTMLチェックボックスの値
- 29. htmlフォームプリセット値フィールド
- 30. HTML入力値
[データID属性の取得方法](http://stackoverflow.com/questions/5309926/how-to-get-the-data-id-attribute) –