Javascript 使用JQuery动态重复和删除表单元素

Javascript 使用JQuery动态重复和删除表单元素,javascript,jquery,Javascript,Jquery,我有一个带有附加添加和删除按钮的表单。单击这些按钮后,将重复或完全删除同一表单行 函数addFormElements(当前){ $(当前).parent().parent().append($(当前).parent().parent().html()); } 函数removeFormElements(当前){ $(当前).parent().parent().remove(); } 芥末 番茄酱 烧烤 + - 提交 这是因为您需要克隆元素,否则将保留相同的指针,因此删除一个指针将导致删除整

我有一个带有附加添加和删除按钮的表单。单击这些按钮后,将重复或完全删除同一表单行


函数addFormElements(当前){
$(当前).parent().parent().append($(当前).parent().parent().html());
}
函数removeFormElements(当前){
$(当前).parent().parent().remove();
}

芥末
番茄酱
烧烤
+
-
提交

这是因为您需要克隆元素,否则将保留相同的指针,因此删除一个指针将导致删除整个列表。 此解决方案保持您的风格:

函数addFormElements(当前){
$(当前).parents('.form list').append($(当前).parents('.form row').clone())
}
函数removeFormElements(当前){
$(当前).parents('.form row').remove();
}

芥末
番茄酱
烧烤
添加
去除
提交

非常感谢您采用单独的基于模板的方法!