使用jQuery删除表行

下面是我的代码

剧本

$（文档）.ready（函数（）{
$（'#click'）。单击（函数（）{
$（“#表”）。追加（“”）；
})
$（“#删除”）。单击（函数（）{
$（“#表”）。删除（“”）；
})
})

HTML

点击
去除

当我添加一行时效果很好，但我不知道如何删除表的最后一行。您也可以在线查看

我该怎么做

此外，我想当用户还点击任何一行时，它会删除自己。我试过了，但有个问题。如果您单击该行，它将删除自身，但当您通过单击“in#click”添加一行时，该行不会通过单击它来删除自身

这是我的密码：

剧本

$（文档）.ready（函数（）{
$（'#click'）。单击（函数（）{
$（“#表”）。追加（“”）；
})
$（“#删除”）。单击（函数（）{
$（'#表tr:last'）。删除（）；
})
$（'#table tr'）。单击（函数（）{
$（this.remove（）；
});
})

如果要删除

#table

的最后一行，需要使用选择器将其作为目标，然后对其调用

$。remove（）

：

$('#remove').on("click", function(){
    $('#table tr:last').remove();
})

---

您不能这样删除，您必须指定要删除的节点

$（“#table tr:first”）

和删除节点

remove（）

---

使用选择器查找最后一行，然后按如下方式删除该行：

$('#table > tr:last').remove();

这将删除表中的最后一行。如果要删除第一个，该怎么办

$('#table > tr:first').remove();

就这样。jQuery有codeschool在线课程。你会发现很多有价值的东西，包括选择器和DOM操作。这里有一个链接：

一个演示在或如果您绑定、添加和删除每一行，这个不同的演示将派上用场

API:remove=>

正如您提到的：这将删除“删除表的最后一行”

$（'#表tr:last'）。删除（）将为您的案例提供帮助

代码
$（文档）.ready（函数（）{
$（'#click'）。单击（函数（）{
$（'#table'）。追加（'foo add'）；
})
$（“#删除”）。单击（函数（）{
$（'#表tr:last'）。删除（）；
})
})
您可以使用单击按钮上的table类从表中删除最后一个
tr


$（“#删除”）。在（“单击”，函数（）{
$（'.tbl tr:last'）.remove（）；
});

删除
如果要在单击表行时删除行本身，则

$('table tr').on("click", function(){
    $(this).remove();
});

如果要在单击时添加行，请单击表末尾的“单击”按钮

 $('#click').click(function(){
    $('#table').append('<tr><td>Xyz</td></tr>');
})

$（'click'）。单击（函数（）{
$（'#table'）。追加（'Xyz'）；
})
您的脚本将不知道要删除哪一行。。。绑定.on（）事件，然后重试..我想用单元格中的特定项目Id删除它？对于动态内容，请使行Id
unique
您可以通过为php添加类似于此的唯一内容来完成此操作

$('#table > tr:last').remove();

$('#table > tr:first').remove();

$(document).ready(function(){
    $('#click').click(function(){
        $('#table').append('<tr><td>foo add&nbsp;</td></tr>');
    })
    $('#remove').click(function(){
        $('#table tr:last').remove();
    })
})

$('table tr').on("click", function(){
    $(this).remove();
});

 $('#click').click(function(){
    $('#table').append('<tr><td>Xyz</td></tr>');
})