如果我想克隆的元素具有不同的名称，应该使用什么而不是.clone（）？

我正在制作一个表单，用户可以根据需要添加尽可能多的元素，问题是，当我使用克隆进行操作时，所有创建的元素都具有相同的名称，因此无法智能检索用于PHP中的进一步处理。我怎么能找到解决办法？如果我想克隆的元素具有不同的名称，应该使用什么而不是.clone（）？

这是我的html：

<form id="form" action="/create/table" method="post"> 
<table class="admtable, reportable"> 
     <caption>Admins</caption> 
     <thead> 
      <tr> 
       <th>Name</th> 
       <th>Username</th> 
       <th>Email</th> 
       <td><button class="add">Add</button></td> 
      </tr> 
     </thead> 
     <tbody> 
      <tr class="prototype"> 
       <td><input type="text" name="name[]" value="" /></td> 
       <td><input type="text" name="username[]" value="" /></td> 
       <td><input type="text" name="email[]" value="" /></td> 
       <td><button class="remove">Delete</button></td> 
      </tr> 
    </table> 


    <table class="usrtable, reportable"> 
     <caption>Users</caption> 
     <thead> 
      <tr> 
       <th>URL</th> 
       <th>Keyword</th> 
       <th>Link</th> 
       <td><button class="add">Add</button></td> 
      </tr> 
     </thead> 
     <tbody> 
      <tr class="prototype"> 
       <td><input type="text" name="name[]" value="" /></td> 
       <td><input type="text" name="username[]" value="" /></td> 
       <td><input type="text" name="email[]" value="" /></td> 
       <td><button class="remove">Delete</button></td> 
      </tr> 
    </table> </form>

这是jQuery代码至今：

$(document).ready(function() { 

var className = $(this).closest('table').attr("add"); //?? 
// Add button functionality 
$("button.add").click(function() { 

    var master = $(this).closest("table"); 

    // Get a new row based on the prototype row 
    var prot = master.find(".prototype").clone(true); 
    prot.attr("class", ""); 

    master.find("tbody").append(prot); 
}); 

// Remove button functionality 
$("button.remove").live("click", function() { 
    $(this).closest("tr").remove(); 
}); 
});

来源

2011-05-27 la_f0ka