使用 Jquery 克隆 HTML TR。需要每个克隆提交单独的 SQL INSERT

Question

如标题所述。我已经用下面的代码克隆了一个 HTML TR：

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js"></script>
<script type="text/javascript">
        $(document).ready(function() {
        $("#add1").click(function() {
          $('#oldDevTable tbody>tr:last').clone(true).insertAfter('#oldDevTable tbody>tr:last');
             $('#oldDevTable tbody>tr:last #stock').val('');
             $('#oldDevTable tbody>tr:last #hand').val('');
             $('#oldDevTable tbody>tr:last #returned').val('');
             $('#oldDevTable tbody>tr:last #received').val('');
             $('#oldDevTable tbody>tr:last #stockhand').val('');
             $('#oldDevTable tbody>tr:last #request').val('');
             $("#oldDevTable tbody>tr:last").each(function() {this.reset();});

             return false;
        });
    });

我面临的问题是，当我使用克隆的 TR 中的信息（这是基本文本输入）并单击提交按钮时，它只发送最后一个 TR 的 SQL 数据。我需要它为该表单的每个 TR 发送单独的 SQL INSERT 命令。我对 JQuery 不了解，我可能需要为每个克隆创建一个新 ID 或其他东西，如果 id = example，则发送 SQL。但是，我至今无法做到这一点。

非常感谢任何帮助？

（SQL 显然是在 PHP 中调用的，因为这是一个 PHP 网站，它也在内部运行带有 HTML 元素的脚本）

编辑：

DOM 选择源：

<a class="button" id="add1">+</a>
              <label>Old Devices/Removed from Site</label>
  <form action="?action" method="post">
                <table id="oldDevTable" style="width:100px; align:center" class="center">
             <tbody>
            <tr>
                <td>
             <select name="Devices_Removed_From_Site">
          <option value="example">Example</option>
</select>
                </td>
                <td>
<input id="hand" name="prevWeek" placeholder="On hand prev week" type="text">
</td>
<td>
<input id="stock" name="usedStock" placeholder="Stock used" type="text">
</td>
<td>
<input id="returned" name="returnedStock" placeholder="Stock returned" type="text">
</td>
<td>
<input id="received" name="receivedStock" placeholder="Stock received" type="text">
</td>
            </tr>

Answer 1

如果有多个同名输入，那么最后一个元素值将在服务器端（例如：php），重复的 id 也需要修复，因为它会在通过 javascript 访问时导致未定义的行为。 您需要动态设置新插入的 tr 元素的名称和 ID，例如
$('#oldDevTable tbody>tr:last #hand').attr('name','hand[1]');
$('#oldDevTable tbody>tr:last #hand').attr('id','hand-1');
您可以考虑获取 tr 计数并将其递增 1 并附加到 id、name。