使用jQuery删除指定行之后的表中的所有行

时间:2014-02-07 00:19:35

标签: javascript jquery html-table

我想在行x后删除表中的所有行,其中x是一个可以切换的数字。以下不起作用:

$("#comps-table tbody tr:gt(x)").remove();

也不是:

$('#comps-table tbody tr').gt(x).remove();

2 个答案:

答案 0 :(得分:4)

x是一个变量,因此您需要使用字符串连接。

$("#comps-table tbody tr:gt(" + x + ")").remove();

或首选方法是使用slice()

$('#comps-table tbody tr').slice(x).remove();

答案 1 :(得分:0)

试试这个:

var after = 5; // remove after row number 5

$('#comps-table tbody tr').each(function() {
    var $row = $(this);
    var rowNumber = $row.index();

    if ( rowNumber >= after ) {
         $row.remove();
    }
});

没有测试它,但它应该让你朝着正确的方向