html "data-"属性をjavacript変数

Question

javascript変数の名前としてhtml data-attributeを登録することはできますか？ data属性をターゲットにする

<form> 
    <input data-varName="test1" /> 
    <input data-varName="test2" /> 
</form> 

$('form').find('input').each(function() { 
    var $(this).attr('data-varName') = $(this).val(); 
}); 

Answer 1

一つのオプションは、オブジェクトであなたの変数を格納して、変数に値を割り当てるには、オブジェクトの表記を使用することです：

平野JavaScriptで

<form> 
    <input data-varName="test1" /> 
    <input data-varName="test2" /> 
</form> 

var allVariables = {}; 

$('form input').each(function(){ 
    allVariables[ $(this).data('varName') ] = $(this).val(); 
}); 

または、：

与えられ、

Array.from(document.querySelectorAll('form input')).forEach(function(el) { 
    allVariables[ el.dataset.varName ] = el.value; 
}); 

上記のHTMLは、のようなallVariablesオブジェクトにつながる：明らか

{ 
    'test1' : test1Value, 
    'test2' : test2Value 
} 

、あなたは可能性lsoはwindowグローバルオブジェクトを使用し、その代わりに変数を登録しますが、windowオブジェクトの変数がグローバルで、コード内の他の場所のプラグインで上書きする可能性があるという懸念があります。

Answer 2

正しい構文は次のとおりです：私が何を言っているか

は次のようなものである

https://api.jquery.com/data/：

var myVar = $(this).data("varName");

詳細はこちらを参照してください。

EDIT-

これは変数名の設定方法の問題には対処しませんが、データ属性を対象とする正しい方法です。