javascript - 如何获取读取元素上数据属性的特定变量？

Question

我的网站上有一些字段，它们是相同的，但每个字段都应该用它的值更新一些 jquery 变量。

<input data-atribute="for"></input>
<input data-atribute="int"></input>
<input data-atribute="agi"></input>

我需要根据数据属性，它们运行相同的函数，但更新属性中指向的变量。

示例:

for = "0";
int = "0";
agi = "0";

$( "input" ).focusout(function() {
    data-atribute-of-the-element = $(this).val;
})

我不知道该怎么做。为每个输入创建不同的函数似乎很愚蠢。

提前致谢!

Answer 1

创建一个对象，其中有一个字段是您的变量。如下所示。

var a={'for':'0','int':'0','agi':'0'}

$( "input" ).focusout(function() {
    a[$(this).attr('data-atribute')] = $(this).val();
    console.log(a.for);
    console.log(a.int);
    console.log(a.agi);
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input data-atribute="for"></input>
<input data-atribute="int"></input>
<input data-atribute="agi"></input>