如何获取已更改输入的属性值？

Question

我有相同的类sliderValue两个输入字段，用data-index=0和data-index=1：

<div style="display: flex;"> 
    <input type="text" class="sliderValue" data-index="0" value="5"/> 
    <input type="text" class="sliderValue" data-index="1" value="10"/> 
    <a id="submit_price" href="some_url" class="btn btn-default">OK</a> 
</div> 

我如何得到data-index一旦字段的值值被改变？简单一点：我想知道哪个字段（1st或2nd）发生了变化。

<script> 
    $(document).ready(function() { 
     $("input.sliderValue").change(function() { 

      var dataIndex = ???; 

     }); 
    }); 
</script> 

Answer 1

可以使用.data方法：

var dataIndex = $(this).data("index"); 

Answer 2

或为香草JS/JQuery的混合动力（只是因为..）。

$(document).ready(function() { 
    $("input.sliderValue").change(function(e) { 
     var el = e.currentTarget; 
     var dataIndex = el.getAttribute('data-index'); 
    }); 
}); 

您应该接受别人的回答，因为它更适合JQuery，这只是为了展示。