可以为每个表单创建一个唯一的ID,然后将每个表单放置在一个父容器内,确保每个父容器中只有一个表单。然后,可以将添加按钮与相应的表单和其父容器相关联,以确保它只会在该表单中添加新内容,而不会影响其他表单。
以下是一个示例代码,演示了如何为每个表单创建唯一的ID以及如何将添加按钮与相应的表单和父容器相关联:
HTML部分:
JavaScript部分:
//为每个表单创建唯一的ID var form1 = document.getElementById("form1"); var form2 = document.getElementById("form2"); form1.setAttribute("data-formId", "1"); form2.setAttribute("data-formId", "2");
//将添加按钮与相应的表单和父容器相关联 var addBtns = document.getElementsByClassName("addBtn"); for (var i = 0; i < addBtns.length; i++) { addBtns[i].addEventListener("click", function() { var