jquery - 获取动态表行(TR)html

Question

我有一个动态生成的 html 表，这里是结构

row 1 headings
row 2 headings 

all dynamic rows such as values with text boxes and select boxes 

last row with add button
last row with another button

现在，在上表中，我如何获取最后一个动态行 html 内容，以便当我单击按钮时，我可以添加与上一行相同的新行。我尝试了很多语句如何获取表中位于 2 个按钮之前的最后一个动态行内容

tr= $("#Tbl tr:last").html(); //outputs row with add button only but looking for last dynamic row before the add button 

Answer 1

假设你有这个结构

<table id="mytable">
    <thead>
       <tr>...</tr>
       <tr>...</tr>
    </thead>
    <tbody>
       <tr>...</tr>
       ....
       <tr>...</tr>
    </tbody>
    <tfoot>
       <tr><button id="add">Add</button></tr>
    <tfoot>  
</table>

要将最后一行的副本添加到表中，请执行以下操作(未经测试)

$(function() {
   $("#add").click(function() {
       var $table = $("#mytable tbody"),
           lastRow = $table.find("tr:last-child");

       $table.append(lastRow.clone());
   });
});

希望这有帮助。