哪種方式是通過jQuery的

Question

複製HTML元素更好，我有一種形式是這樣的：

<form:form name="ExpenseDetails" method="Post" 
    action="ExpenseDetailsForm.html"> 
    <table id="Parent1_Table"> 
     <tbody> 
      <tr> 
       <td> 
        <table id="Item1_Table1"> 
         <tbody> 
          <tr> 
           <td>Item</td> 
           <td><input type="text" name="Item1" id="Item1" required /></td> 
          </tr> 
          <tr> 
           <td>Expense in Rs</td> 
           <td><input type="text" name="ItemValue1" id="ItemValue1"></td> 
          </tr> 
         </tbody> 
        </table> 
       </td> 
       <td> 
        <table id="Item1_Table2"> 
         <tbody> 
          <tr> 
           <td><button name="Edit1" id="Edit1">Edit</button></td> 
           <td><button name="Duplicate1" id="Duplicate1">Duplicate</button></td> 
           <td><button name="Trash1" id="Trash1">Trash</button></td> 
          </tr> 
         </tbody> 
        </table> 
       </td> 
      </tr> 
     </tbody> 
    </table> 
</form:form> 

在點擊duplicate1按鈕，我想創建另一個table有相同的元素作爲的Parent1_Table並追加它。

這樣做我有2個解決方案，記住：

1）找到在其中點擊duplicate button位於工作臺，
獲取元素的所有id和推棧，
獲取表中的整個HTML，
複製整個table元件和由1

2）創建不變的的相同的元件遞增ids後追加到原始點擊duplicate按鈕中的0，
提交後，計算文本元素的no：並使用它們。

以上哪個解決方案易於開發？
任何人都可以請幫助我選擇其中之一？
請讓我知道你是否需要關於這個問題的更多細節。

Answer 1

「最佳」問題總是很棘手。

我會避免使用在每當我面對的每一行上，即重複控制所有id值。最多這個行會有一個id（並且經常不會），但是我會在其他人中使用一個類，這不僅僅是因爲它與事件委託很好地配合。