javascript - 根据输入 Jquery 中的 keyup 确定第 n 个类型

Question

我无法找到答案，所以我想我会问。

我有多个同名的输入，即

<form>
    <input name="entities[]" class="entities-text" type="text" />
    <input name="entities[]" class="entities-text" type="text" />
    <input name="entities[]" class="entities-text" type="text" />
</form>

使用 Jquery，我如何确定 keyup 时的输入是哪个“nth”？我开始做一些事情:

$("form").on('keyup', 'input[name="entities[]"]', function() {
    var input = $(this)'
});

谢谢。

Answer 1

您可以使用index() :

$(function() {  
  $("form").on('keyup', 'input[name="entities[]"]', function() {
    var input = $(this);
    console.log( input.index() );
  });
  
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form>
    <input name="entities[]" class="entities-text" type="text" />
    <input name="entities[]" class="entities-text" type="text" />
    <input name="entities[]" class="entities-text" type="text" />
</form>