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();
}
芥末
番茄酱
烧烤
添加
去除
提交
非常感谢您采用单独的基于模板的方法!