javascript - 使用 jquery 克隆表单并删除属性

Question

是否可以在不干扰功能的情况下克隆表单？
实际上，表单的 id 将是重复的。禁止使用具有相同 id 的两个 DOM 对象。

<form id='originalForm' name='originalForm' enctype='multipart/form-data' action=''>  
   <input id='Firstname' name='firstname' type='text'/>  
   <input id='Lastname' name='lastname' type='text' />  
   <input id='photo' name='photo' type='file' />
</form>  
...  
var copyForm = jQuery('#originalForm').clone();  
var e = copyForm.find(':input').not(':file');
e.each(function()  
{
  jQuery($this).removeAttr('name');
}

Answer 1

var originalForm = jQuery('#originalForm');
//clone the form
var newForm = originalForm.clone(); 
//change form ID
newForm.attr('id', 'newID'); 
//remove `name` attr from all non file inputs
newForm.find('input:not(:file)').removeAttr('name'); 
//add new form to the page after the old one
originalForm.after(newForm);