jquery - 如何动态地将新行附加到我的 html 表中？

Question

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

 <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>

问题是我想在按下 [add] 按钮时动态添加一个新行（与上一行相同）。我尝试以这种方式这样做，但它似乎无法正常工作，它以错误的格式呈现：

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

Answer 1

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);
}

这应该可以正常工作。您以错误的方式附加该行。