javascript - 在jQuery .change上找到.class的哪个实例

当给定类的输入发生更改时，我正在运行一个函数。我希望能够找到该类的哪个实例已更改（0、1或2）。如何才能做到这一点？

<input class="class"/>
<input class="class"/>
<input class="class"/>
<div class="object"></div>
<div class="object"></div>
<div class="object"></div>

<script>
$('.class').change(function() {
  // Need to get variable i to equal the instance of .class (0,1, or 2)
  $('.object:eq(i)').css('fill', $(this).val());
});
</script>

最佳答案

使用.index()

在change事件中的$(this).index()将为您提供元素相对于其同级元素的索引。

但是，如果您在输入的容器中有其他元素出现在输入之前，则更好的选择是。

$('.class').index(this); //Or $('.class', 'containerSelector').index(this)

Demo

关于javascript - 在jQuery .change上找到.class的哪个实例，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/17139165/