如何获得改变输入的属性值？

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

或者对于vanilla JS / JQuery混合（仅仅因为..）。

C

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