获取动态表格行 (TR) html答案

【问题标题】：Get the dynamic Table row (TR) html获取动态表格行 (TR) html
【发布时间】：2012-03-09 19:12:54
【问题描述】：

我这里有一个动态生成的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

【问题讨论】：

我们不需要查看您的“结构”；我们需要看到你的 HTML。

标签： jquery jquery-ui jquery-selectors

【解决方案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());
   });
});

希望这会有所帮助。

【讨论】：

【解决方案2】：

使用tbody 来保存动态行，tfoot 用于带有按钮控件的底部行，然后在tbody 中搜索最后一行

【讨论】：

【解决方案3】：

也许您希望将非动态行从 tr 更改为 thead 和 tfoot，因此当您获得最后一个 tr 时，您可以获得您想要的那一个

检查这个：http://jsfiddle.net/FuHuT/ 注意最后一个tr 元素是红色的

【讨论】：

【解决方案4】：

有了你所拥有的，我认为.prev 就是你所需要的。 :last 选择器将为您提供按钮的最后一行，.prev 将为您提供按钮之前的最后一行。

DEMO

tr= $("#Tbl tr:last").prev().html();

理想情况下，最好将控制按钮放在tfoot 中，然后在这种情况下，您可以简单地使用$("#Tbl tbody tr:last")，这将是最后一个动态行。

【讨论】：

：它会给我“带有添加按钮的最后一行”这也经过测试
您尝试过使用 .prev 吗？您可以尝试演示并让我知道它与您的代码有何不同。我认为你应该分享你的标记。