Javascript 如何使用JQuery动态追加节并使用这些节追加其他节？

直截了当。我对

.append（）

函数有问题。我需要附加一个部分，包含datetime local和一个按钮到另一个可见的部分

这个新的追加按钮必须追加另一个节，该节包含相同的元素，但ID不同。代码的第一部分工作正常，但第二部分不行，我不知道为什么。我知道我的代码像大象一样优雅，但是

谢谢你的帮助

$（文档）.ready（函数（）{
var max_字段=2；
变量包装器=$（“.input_1”）；
var add_按钮=$（“.add_1”）；
var x=1；
$（添加按钮）。单击（功能（e）{
e、 预防默认值（）；
如果（x
return'）；
}
});
$（包装器）。在（“单击“，”。删除_1”，函数（e）{
e、 预防默认值（）；
$（this.parent（'section'）.remove（）；
x--；
})
});
//二级
$（文档）.ready（函数（）{
var max_字段_2=2；
变量包装器_2=$（“.input_2”）；
var add_按钮_2=$（“.add_2”）；
var x=1；
$（添加按钮2）。单击（功能（e）{
e、 预防默认值（）；
如果（x
return 2'）；
}
});
$（包装器2）。在（“单击”，“删除2”，函数（e）{
e、 预防默认值（）；
$（this.parent（'section'）.remove（）；
x--；
})
});



返回重症监护室
对于动态添加的内容，您需要使用委托并在事件处理程序中查找元素，就像代码中的“.remove_1”一样


//第二级
$（文档）.ready（函数（）{
var max_字段_2=2；
var x=1；
$（文档）。在（'单击'，'上。添加_2'，函数（e）{
e、 预防默认值（）；
变量包装器_2=$（“.input_2”）；
如果（x
return 2'）；
$（包装器2）。在（“单击”，“删除2”，函数（e）{
e、 预防默认值（）；
$（this.parent（'section'）.remove（）；
x--；
})
}
});
});对于动态添加的内容，您需要使用委托并在事件处理程序中查找元素，就像代码中的“.remove_1”一样


//第二级
$（文档）.ready（函数（）{
var max_字段_2=2；
var x=1；
$（文档）。在（'单击'，'上。添加_2'，函数（e）{
e、 预防默认值（）；
变量包装器_2=$（“.input_2”）；
如果（x
return 2'）；
$（包装器2）。在（“单击”，“删除2”，函数（e）{
e、 预防默认值（）；
$（this.parent（'section'）.remove（）；
x--；
})
}
});
});
var max_字段=10//允许的最大输入框数
变量包装=$（“.input_fields_wrap”）//字段包装器
var add_button=$（“.add_field_button”）//添加按钮ID
var x=1//初始文本框计数
$（添加按钮）。单击（函数（e）{//在添加输入按钮上单击
e、 预防默认值（）；
如果（x


添加更多字段

var max_字段=10//允许的最大输入框数
变量包装=$（“.input_fields_wrap”）//字段包装器
var add_button=$（“.add_field_button”）//添加按钮ID
var x=1//初始文本框计数
$（添加按钮）。单击（函数（e）{//在添加输入按钮上单击
e、 预防默认值（）；
如果（x


添加更多字段
这是因为
document.ready
设置了
var wrapper\u 2=$（“.input\u 2”）但
$（“.input_2”）
不存在是，因此它
未定义


$（文档）.ready（函数（）{
var max_字段=2；
变量包装器=$（“.input_1”）；
var add_按钮=$（“.add_1”）；
var x=1；
$（添加按钮）。单击（功能（e）{
e、 预防默认值（）；
如果（x
return'）；
}
});
$（包装器）。在（“单击“，”。删除_1”，函数（e）{
e、 预防默认值（）；
$（this.parent（'section'）.remove（）；
x--；
})
});
//二级
$（文档）.ready（函数（）{
var max_fields_2=3；
var x=1；
$（'body'）。在（'click'，'上添加函数（e）{
e、 预防默认值（）；
如果（x
返回2'）；
}
});
$（“.input_2”）。在（“单击”，“删除_2”，函数（e）上{
e、 预防默认值（）；
$（this.parent（'section'）.remove（）；
x--；
})
});



返回重症监护室
这是因为
document.ready
设置了
var wrapper\u 2=$（“.input\u 2”）但
$（“.input_2”）
不存在是，因此它
未定义


$（文档）.ready（函数（）{
var max_字段=2；
变量包装器=$（“.input_1”）；
var add_按钮=$（“.add_1”）；
var x=1；
$（添加按钮）。单击（功能（e）{
e、 预防默认值（）；
如果（x
return'）；
}
});
$（包装器）。在（“单击“，”。删除_1”，函数（e）{
e、 预防默认值（）；
$（this.parent（'section'）.remove（）；
x--；
})
});
//二级
$（文档）.ready（函数（）{
var max_fields_2=3；
var x=1；
$（'body'）。在（'click'，'上添加函数（e）{
e、 预防默认值（）；
如果（x