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

Question

当具有给定类的输入发生更改时，我正在运行一个函数。我希望能够找到该类的哪个实例已更改（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>

Answer 1

使用.index()

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

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

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

演示