Wie bekomme ich den Wert des Attributs der geänderten Eingabe?

Question

Ich habe zwei Eingabefelder mit der gleichen Klasse sliderValue, mit data-index=0 und 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> 

Wie kann ich den Wert von data-index, sobald der Wert des Feldes geändert werden? Um ganz einfach zu sein: Ich würde gerne wissen, welches Feld (1. oder 2.) geändert wird.

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

      var dataIndex = ???; 

     }); 
    }); 
</script> 

Answer 1

Sie können die .data Methode:

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

Answer 2

Oder für die Vanille JS/JQuery Hybrid (nur weil ..).

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

Sie sollten wahrscheinlich jemand anderen Antwort akzeptieren, da es mehr auf JQuery ausgerichtet ist, dies war nur zu zeigen.