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

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");