Javascript 在克隆JQuery后添加其他输入文本

我对Javascript/jQuery比较陌生，我正在尝试克隆一个表单来记录分数。我可以向预克隆表单添加任意数量的输入，但不能在后续克隆表单中添加或删除任何其他文本输入

比如说，在我添加一个先决条件之前，我把它放在5个输入框中。在第一种形式中，我可以删除和添加任意数量的输入框

现在，假设我添加了一个prequisite，它将克隆第一个表单，但在克隆的表单中，我无法添加或删除任何输入框。这是我的问题

在这一点上，我被如何解决这个问题难住了。

$（文档）.ready（函数（）{
var max_字段=10；
var包装器=$（“.form输入”）；
var add_按钮=$（“.add_项”）；
var x=1；
$（添加按钮）。单击（功能（e）{
e、 预防默认值（）；
如果（x

JS-Bin
添加前置条件
选择专业
计算机科学
计算机信息系统
选课
140
210
220
选课
315
330
497
添加项
删除请求
您不能使用：

  var wrapper = $(".form-input");
  var add_button = $(".add_item");

当您添加新表单时，这些选择器将不再工作，并且您添加的“添加”按钮上没有任何事件。

而是使用：

 $(document).on("click", ".add_item", function(e) {

如果您将某个文档作为目标，则可以动态添加某些内容并将其作为目标。
后来：

$(e.target).parents(".myForm").find(".form-input")

目标单击目标并搜索要附加到的适当元素。
$（文档）.ready（函数（）{
var max_字段=10；
var x=1；
$（文档）。在（“单击“，”。添加项目”，函数（e）{
e、 预防默认值（）；
如果（x

JS-Bin
添加前置条件
选择专业
计算机科学
计算机信息系统
选课
140
210
220
选课
315
330
497
添加项
删除请求
您不能使用：

  var wrapper = $(".form-input");
  var add_button = $(".add_item");

当您添加新表单时，这些选择器将不再工作，并且您添加的“添加”按钮上没有任何事件。

而是使用：

 $(document).on("click", ".add_item", function(e) {

如果您将某个文档作为目标，则可以动态添加某些内容并将其作为目标。
后来：

$(e.target).parents(".myForm").find(".form-input")

目标单击目标并搜索要附加到的适当元素。
$（文档）.ready（函数（）{
var max_字段=10；
var x=1；
$（文档）。在（“单击“，”。添加项目”，函数（e）{
e、 预防默认值（）；
如果（x

JS-Bin
添加前置条件
选择专业
计算机科学
计算机信息系统
选课
140
210
220
选课
315
330
497
添加项
删除请求
这与您选择
包装器的方式有关

当页面加载时，您将获得带有
$（“.form input”）的
包装器
元素。这意味着您现在已经使用
.form input
类选择了当前页面上的元素。这个很好用

但是，您可以从这里克隆表单，并使用原始表单中的
.form input
创建第二个元素。但是这里的区别在于，
包装器
变量从未找到第二个
.form输入
，因为它不存在