获取动态表行（TR）HTML

我产生一个HTML表格动态这里是结构获取动态表行（TR）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

来源

2012-03-09 Someone

我们不需要看到你的'结构';我们需要看到你的HTML。 – 2012-03-09 19:19:46

使用tbody持有动态行，并与按钮控件底部行的tfoot，然后内tbody搜索最后一行

来源

2012-03-09 19:22:12 charlietfl

也许你会想非动态行从tr改变thead和tfoot，所以当你得到最后tr你可以得到你想要

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

来源

2012-03-09 19:20:31 MilkyWayJoe

假设你有这样的结构

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

希望这有助于。

来源

2012-03-09 19:22:06 madcapnmckay

你所拥有的东西，我觉得.prev是你所需要的。 :last选择器会给你带按钮的最后一行，而.prev会给你按钮之前的最后一行。

DEMO

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

理想的情况下，最好是有内tfoot你的控制按钮，然后在这种情况下，你可以简单地使用$("#Tbl tbody tr:last")这将是最后的动态记录。

来源

2012-03-09 19:25:33

：它会给我“添加按钮的最后一行”这也是测试 – Someone 2012-03-09 19:27:16

你尝试使用.prev？你可以尝试演示，并让我知道它是如何不同于你的代码。我认为你应该分享你的标记。 – 2012-03-09 19:28:31

获取动态表行（TR）HTML

回答

相关问题