Jquery 如何在我的html表格中动态添加新行？

以下是我的项目中的一些代码（在sys_Params.aspx文件中）：

或

---

这应该行得通。您以错误的方式追加行。

它可能会克隆显示，这意味着克隆也被隐藏。尝试

trClone.show（）。但它无法以正确的格式显示。它是否与服务器控制文本框的使用有关？很抱歉，它仍然以错误的方式工作，当我尝试你的方式时，它看起来更严重；对于第一个答案，当我单击add按钮时，它会一次添加十多行。当我尝试您提供的第二个答案时，前一行消失了，当然，表中没有追加任何内容。有时，如果你使用显示块，这将打破表格。改用空引号。让浏览器决定显示它。我发现，当我复制整个内容并将其粘贴到正确的位置时，和的id会被visual studio自动更改，并且工作正常！但是我怎样才能动态地添加它呢？设置一个新的id和新元素怎么样？Thx是百万分之一，在你的第二个答案的帮助下，现在看起来很好。但是如何添加id也是一个大问题，因为我需要将所有数据保存到sqlserver，所以我想我必须设置id。你有什么建议吗？这个怎么样？您可以使用一些随机字符串作为ID。因为ID从未在服务器上发回。
 <tr class="TR_BG_list" id="printsizescroll" style="display:none">
<td align="right" class="list_link" style="width: 214px">
    Resize the picture：
</td>
<td align="left" class="list_link">

            Description:
<asp:TextBox ID="PrintSizeDec" runat="server" CssClass="form"  style="width: 106px"/>
            width|height:
<asp:TextBox ID="PrintSmallSize" runat="server" CssClass="form"  style="width: 50px"/>
    &nbsp;
     <label>
<input type="button" name="PintSizeAddClick" value="Add" class="form" id="ButtonAdd" style="width: 44px" onclick="createInputTexts(this)" />
</label>
<span class="helpstyle" style="cursor: help;" title="click for some help" onclick="Help('H_WaterParam_0008',this)">Help</span>
</td>

function createInputTexts() {             
    var trOrigin = $("#printsizescroll");
    var trClone = trOrigin.clone(true);
    var target = $("#printTbl tr:last-child").prev();
    trClone.appendTo(target);
}

function createInputTexts() {             
    var trOrigin = $("#printsizescroll");
    var trClone = trOrigin.clone(true);
    var target = $("#printTbl tr").append(trClone);
}

function createInputTexts() {             
    var trOrigin = $("#printsizescroll");
    var trClone = trOrigin.clone(true);
    var target = $("#printTbl tr:last-child").prev();
    trClone.css('display', '');
    // Here you can also set new ID.
    target.after(trClone);
}