我如何 select 只有最后生成的输入字段

Question

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

我想 select 并仅向最后生成的输入字段添加一个 keypress/input 事件。

这是我的尝试：

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

也试过用 :last-child 连接 - 没用

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

我如何 select 只有最后 生成的 输入字段？

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>

我如何 select 只有最后生成的输入字段

How do I select only the last generated input field

jquery

input

append

dynamically-generated