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

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的值？ 简单起见：我想知道哪个字段（第一个或第二个）已更改。

<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，这只是为了显示。