Jquery 如何删除表格行？

在过去的5-6个小时里，我试图让下面的代码正常工作，但没有成功

有人能帮我理解这个代码的错误吗？单击“删除”链接后，什么也没有发生

这是我的桌子：

<table id="links">
    <tr id="record-<?php echo $row['FeePaymentId']; ?>">
        <td><?php echo $row['MasterEntryValue']; ?></td>
        <td><?php echo $row['Amount']; ?></td>
        <td><a href="#" class="delete">delete</a></td>
    </tr>
</table>

---

如果页面中没有其他JS错误，并且click事件根本没有触发，那么JS就没有问题。而不仅仅是将JS代码放在$（document.ready（function（）{}）；：

---

选择器不正确，请尝试以下操作：

$（“#links a.delete”）

它将在id为“links”的元素下选择类为“delete”的所有锚元素

---

错误发生在哪里？还有，错误是什么？单击表行的“删除”按钮后，什么也没有发生！！！那么，你的开发控制台怎么说？AJAX调用没有进入成功函数吗？您确定选择器工作吗？只要代码在表及其行存在后执行，代码就不会发生导致单击事件的错误。选择器比需要的更具体，但不是“错误”同意，但是我试着让它尽可能接近OPs的初始代码。不，我的意思是OPs的初始代码没有错，只是太具体了。做出此处建议的更改不会产生任何效果。

$('table#links td a.delete').click(function() {
    if (confirm("Are you sure you want to delete this row?")) {
        var id = $(this).parent().parent().attr('id');
        var data = 'id=' + id ;
        var parent = $(this).parent().parent();

        $.ajax({
            type: "POST",
            url: "DeleteRow.php",
            data: data,
            cache: false,
            success: function() {
                parent.fadeOut('slow', function() {$(this).remove();});
            }
        });                
    }
})

$(document).ready(function () {
    $('table#links td a.delete').click(function()
    {
        if (confirm("Are you sure you want to delete this row?"))
        {
            var id = $(this).parent().parent().attr('id');
            var data = 'id=' + id ;
            var parent = $(this).parent().parent();

            $.ajax(
            {
                   type: "POST",
                   url: "DeleteRow.php",
                   data: data,
                   cache: false,

                   success: function()
                   {
                        parent.fadeOut('slow', function() {$(this).remove();});
                   }
             });                
        }
    })
});