変更された入力の属性値を取得する方法は？

Question

私はdata-index=0とdata-index=1で、同じクラスsliderValueを持つ2つの入力フィールドがあります：フィールドの値が変更されると

<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の値を得ることができますか？簡単にする：どのフィールド（第1または第2）が変更されたのかを知りたい。

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

Answer 1

。それはjQueryのよりギヤードだとして

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

おそらく、これはちょうど示すことであった、他の誰かの答えを受け入れる必要があります。

Answer 2

それともバニラJS/jQueryのハイブリッドについて（ちょうど..理由）：あなたは.dataメソッドを使用することができます

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

      var dataIndex = ???; 

     }); 
    }); 
</script>