使用jQuery删除表行,但禁止删除第一行

Remove table rows using jQuery but prevent remove the first row

本文关键字:删除 一行 jQuery 使用 禁止      更新时间:2024-02-09

我正在使用jQuery删除表行-我的脚本运行正常,但我不希望按钮能够删除第一个表行。有人能建议怎么做吗?

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

尝试以下操作:

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

怎么样

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

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

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

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

您可以使用gt()not():

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

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

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

如果你想删除除第一行以外的所有行,那么你可以删除:last:

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

尝试:

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

此处演示:http://jsfiddle.net/aGukb/