jQuery在第四行到最后一行之前添加行

时间:2011-12-15 17:04:03

标签: javascript jquery html-table

我有发票表。最后四行如下,从上一个开始:总计,税,小计,添加一个行链接。

所以我需要在“添加链接链接行”之前添加一行。

此线程Add table row in jQuery显示如何在最后一行之后添加行。我只需要修改它,在第四行到最后一行之前添加一行。

4 个答案:

答案 0 :(得分:19)

如何在总行中添加一个类

<tr class="grand-total"></tr>

然后在jquery中你做

$('#myTable tr.grand-total').before('<tr></tr>');

这样你就不会根据可能会改变的位置来做,而是基于像'总计'那样有意义的事情

答案 1 :(得分:10)

您想要一个否定的.eq

$("#table tr").eq(-4).before(
    $("<tr>").append(
        $("<td>") // ...
    )
);

答案 2 :(得分:2)

使用.before()代替.after()

$('#myTable tr:last').before('<tr>...</tr><tr>...</tr>');

答案 3 :(得分:2)

您可以到达最后一行,然后使用 prev()

$(function(){
   $("#myTable tr:last")
       .prev().prev().prev().prev()
       .after("<tr><td>x</td></tr>");
});