使用jQuery删除表行但阻止删除第一行

时间:2012-07-25 15:58:09

标签: javascript jquery dom

我使用jQuery删除表行 - 我的脚本工作正常,但我不希望按钮能够删除第一个表行。任何人都可以建议如何做到这一点?

    $("#remove").click(function(event) {
    event.preventDefault();        
    $("table tr:last").remove();
    i++;
});      

4 个答案:

答案 0 :(得分:10)

尝试以下方法:

if ($("table tr").length != 1) {
     $("table tr:last").remove();
}

答案 1 :(得分:2)

怎么样

$("tr:last:not(:first)").remove();

您不需要table选择器,因为所有行都在表内,但是指定要从中删除的表元素可能很有用(如果稍后添加其他表,则避免副作用)

示例:从$table删除除第一行之外的所有行:

$("tr:not(:first)", $table).remove();

答案 2 :(得分:2)

您可以使用gt()not()

$('table').find('tr:gt(0):last').remove();

这将查找索引大于0的所有行gt(0)并选择最后一行:last,然后删除该元素。

演示:http://jsfiddle.net/XhtC8/

如果您想要移除所有行,那么您可以删除:last

$('table').find('tr:gt(0)').remove();

答案 3 :(得分:1)

尝试:

$("#remove").click(function(event) {
    event.preventDefault();        
    $("table tr:not(':first')").remove();
    i++;
});

在这里演示:http://jsfiddle.net/aGukb/

相关问题