HTMLストアの値に、その値

Question

を取得。..

どのようにすることができますこの値を取得するか、類似の方法がある場合

Answer 1

getAttribute（）メソッドを使用します。あなたのケースでは

-

document.getElementById('first').getAttribute('data-value')

マニュアルは、ここで見つけることができます： http://www.w3schools.com/jsref/met_element_getattribute.asp

Answer 2

使用.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>

Answer 3

あなたは、通常の属性としてそれを考慮して、次のように無地のJavaScriptを使用することができます：属性の命名は、我々はHTML5のデータ仕様を使用することができますdata-命名規則に従って

document.getElementById("first").getAttribute('data-value'); 

ので。あなたはデータセット APIを使用してJavaScriptの平野で

は：

document.getElementById("first").dataset.value; 

しかし、jQueryのは、このために素敵なショートカットが用意されています

$("#first").data("value"); 

Answer 4

jQueryがdata()方法があります。それを使用することを検討してください：

// To get/read the value 
$("#first").data("value") 
// To set the value 
$("#first").data("value", "foo-bar") 

ドキュメント：

戻り jQueryのコレクションの最初の要素の名前のデータストアでの値、data(name, value)またはHTML5 data-* 属性によって設定されるように。