删除表的最后3行

时间:2011-10-18 05:18:57

标签: javascript jquery

我有一张桌子,我有两个按钮来添加和删除这个表的行。

所以添加行很容易(我每次都通过ajax获得3行)。

现在我希望能够通过单击“删除”按钮删除最后3行表 所以,除非有某种功能或....删除我的表的最近添加!我需要自己删除最后三行表

类似

$('#tbl tr:lt(3)').remove();

但最后3个不是第一个!

或者我必须做一些愚蠢的事情,比如

function remove(){
var i ;
for(i=0 ; i < 3 ; i++ ){
$('#table tr:last').remove();
}
alert('removed');
}

4 个答案:

答案 0 :(得分:9)

$("table tr").slice(-3).remove();

答案 1 :(得分:2)

这不是那么愚蠢,这是一个很好的解决方法。要清理它,我会使用

function remove(){
    $('#table tr:last').remove();
    $('#table tr:last').remove();
    $('#table tr:last').remove();
    alert('removed');
}

答案 2 :(得分:0)

我同意,这不是愚蠢的。但如果我是你,我会添加一个参数,即要删除的行数:

function removeLastRows(numberOfRows){
    var i ;
    for(i=0 ; i < numberOfRows ; i++ ){
        $('#table tr:last').remove();
    }
    alert('removed');
}

答案 3 :(得分:0)

与普通的JS比较,

function removeLastRows(table, n) {
  if (!table || !n) return;
  var row, rows = table.rows;
  while (n--) {
    row = rows[rows.length];
    row.parentNode.removeChild(row);
  }
}

removeLastRows(document.getElementById('table', 3));