jquery - 使用 jQuery 删除行表

Question

假设我有一张这样的 table

id  name    address     action
--------------------------------------
s1  n1  a1      delete
s2  n2  a2      delete

删除是一个链接，例如<a href="http://localhost/student/delete/1"> 。在实际情况中，我使用ajax删除学生。为了简化代码，我只是提醒链接并省略ajax脚本。我只是想知道如何使用 jquery 从 html 文档中删除行。

$(document).ready(function() {
$("a").click(function(event) {
    alert("As you can see, the link no longer took you to jquery.com");
        var href = $(this).attr('href');
        alert(href);
        event.preventDefault();
   });
);

我想，在我提醒链接后，所选行将自动删除。有什么建议如何实现这一点吗？

Answer 1

您不需要调用preventDefault()。简单地从事件处理程序返回 false 具有相同的效果。

删除 <a> 所在的行链接定位后，可以调用 $(this).closest("tr").remove():

$(document).ready(function() {
$("a").click(function(event) {
    alert("As you can see, the link no longer took you to jquery.com");
    var href = $(this).attr('href');
    alert(href);
    $(this).closest("tr").remove(); // remove row
    return false; // prevents default behavior
   });
);