Javascript Jquery在最后一个子键上添加了输入

我是JS新手，我必须使用Jquery改进我的页面功能。我目前的Html是：

<div class="input_fields_wrap">                  
    <div><ul class="inputList"></ul></div>
</div>

目标是在用户每次按最后一个输入字段中的键时，在最后一个子元素之后追加新的输入字段。但这种情况应该只发生一次，之后用户可以在不追加新输入的情况下继续键入。 而且，若用户开始输入新的附加输入，则应添加另一个输入，以此类推。我尝试过这样的事情，但这只增加了一次字段

$(".inputList").last().one("keypress",(function () {
  $(wrapper).append('<li><input type="text" name="key" placeholder="Attribute" /><input type="text" name="value" placeholder="Value"/><a href="#" class="remove_field">Remove</a></li>');
}

$（“.inputList”）.last（）.one（“按键”，函数（）{
$（包装器）.append（“
”）；
}

当我删除

one（）

时，在每个按键中追加计数。我应该如何管理

---

谢谢！

您必须在附加元素之后定义事件处理程序

var appendInput=function（）{
$（“
”）.one（“按键”，appendInput）.appendTo（“输入字段包装”）；
}
$（“.inputList”）.last（）.find（“input”）.one（“按键”，appendInput）；

必须在追加元素后定义事件处理程序

var appendInput=function（）{
$（“
”）.one（“按键”，appendInput）.appendTo（“输入字段包装”）；
}
$（“.inputList”）.last（）.find（“input”）.one（“按键”，appendInput）；

或者您可以简单地从单击的

输入元素中删除该
类
。有关详细信息，请查找下面的代码片段


$（document）.on（“按键”，“添加另一个”，函数（）{
$（“.inputList”）.append（“
”）；
$（this.removeClass（“addother”）；
})；




或者您可以简单地从单击的
输入元素中删除该
类
。有关详细信息，请查找下面的代码片段


$（document）.on（“按键”，“添加另一个”，函数（）{
$（“.inputList”）.append（“
”）；
$（this.removeClass（“addother”）；
})；




。inputList
不是您发布的代码中的输入字段。它是一个
UL
。请使用
on（）
而不是
one（）
它应该可以工作。当然可以，但我将它添加到
元素中的inputst中，但最初没有用于绑定按键的输入元素。请提供一个提琴之类的东西好吗？
。inputList
不是您发布的代码中的输入字段。它是
UL
。使用
on（）
而不是
one（）
它应该可以工作。当然可以，但我将它添加到
元素中的inputst中，但最初没有用于绑定按键的输入元素。您能提供一个提琴什么的吗？非常感谢！我修改了一点代码，它工作得很好！非常感谢！我修改了一点代码，它工作得很好！