Question

我，在点击按钮后生成新的输入字段。

我想选择并仅向最终生成的输入字段添加按键/输入事件。

这是我的尝试：

$(document.body).on("input", $(".input-field").last(), function (e) {
  //some logic
});

还尝试过：最后一个孩子 - 没有工作

但是所有输入都在监听我的按键或输入事件。

如何仅选择最后生成的输入字段？

Answer 1

使用:last selector

$(document.body).on("input", ".input-field:last", function (e) {
   $(this).next('div').text($(this).val());
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input class="input-field" type="text"><div></div>
<input class="input-field" type="text"><div></div>
<input class="input-field" type="text"><div></div>
<input class="input-field" type="text"><div></div>
<input class="input-field" type="text"><div></div>
<!-- only this one gets the event handler -->
<input class="input-field" type="text"><div></div>

如何仅选择上次生成的输入字段

1 个答案: