Javascript Jquery删除我的代码中的行表错误

我设法编写了一个工作系统代码，从数据库检索的表中删除一行

我的代码有个问题，我无法更正

Jquery函数删除并向上滑动行

<script type="text/javascript">
    $('document').ready(function() {
        $('a').click(function() {
            if (confirm("Are you sure?")) {
                var del_id = $(this).attr('id');
                var parent = $(this).parent().parent();

                $.post('delete.php', {id:del_id},function(data){
                    parent.slideUp('slow', function() {
                        $(this).remove();
                    });
                });
            }
            return false;
        });
    });
</script>

$（'document'）.ready（函数（）{
$（'a'）。单击（函数（）{
如果（确认（“你确定吗？”）{
var del_id=$（this.attr（'id'）；
var parent=$（this.parent（）.parent（）；
$.post（'delete.php'，{id:del_id}，函数（数据）{
parent.slideUp（'slow'，function（）{
$（this.remove（）；
});
});
}
返回false；
});
});

下面是检索到的表的PHP代码

<?php
while(($row = mysqli_fetch_assoc($result))) {
    echo "<tr>";
    echo "
        <td>
            <span class='label label-red'>".$row['lid']."</span>
        </td>                                
        <td>
            ".$row['name']."
        </td>    
        <td>
            <a href='#'>".$row['email']."</a>
        </td>       
        <td>
            ".$row['tel']."
        </td>    
        <td>
            Mental Stress Relief
        </td>  
        <td>
            <a href=\"javascript:return(0);\" id=".$row['lid'].">Delete</a>
        </td>
    ";
}
?>  

一切正常

但是导航菜单使用相同的

---

我很困惑。怎么办？

使用类来标识各种类型的链接。e、 g.

class=“delete”

并将代码更改为以下目标：

 $(function () {
     $('a.delete').click(function () {
         if (confirm("Are you sure?")) {
             var del_id = $(this).attr('id');
             var $tr = $(this).closest('tr');
             $.post('delete.php', {
                 id: del_id
             }, function (data) {
                 $tr.slideUp('slow', function () {
                     $(this).remove();
                 });
             });
         }
         return false;
     });
 });

PHP更改为：

<td>
    <a href="#" class="delete" id=".$row['lid'].">Delete</a>
</td>

注:

• 在DOM就绪处理程序中，文档周围有引号。不需要它们。我使用了DOM就绪处理程序的快捷版本，即

  $（function（）{…}）

• 将

  delete

  类添加到任何“delete links”（显然不会添加到任何其他链接）。类可以用来暗示元素的特定行为（从jQuery的角度）。当有多个元素时，应避免使用ID或部分ID选择器
• 使用

  parent（）

• 在示例中，我将

  parent

  重命名为更有意义的

  $tr

  ，因为我假设它是您删除的行
• 为了可读性，我对jQuery对象变量使用了

  $

  prevfix
• 链接中不需要

  href=\“javascript:return（0）；\”

  。将其更改为简单的

  #

  书签链接

---

更改以下行形式：

$('a').click(function(){

到

---

将类添加到关闭按钮标记中，如

'和
$（'a'）。单击（function（）{`行更改为
$（“.delete_行”）。单击（function（）{
@Ahosan Karim Asik:有多行，这将复制ID，这是无效的，无法工作：（行中属性的引用存在一些不一致性。您可能还希望使它们一致（属性的所有双引号都是标准的）。如果将另一个表添加到页面中，这将失败。它需要更明确地定位（例如，特定的表id？）是的，但是OP，asper OP问题我已经用简单的方法回答了，如果在同一页中有任何a.delete位置，那么您的逻辑也会失败..ohhh？是的，但是您可以控制添加
delete
类。它对代码具有固有的意义。此代码不提供范围。这只是一个建议，请随意忽略advic我同意，不需要争论，我试着给出一个简单的解决方案，仅此而已。我不是在争论，只是以我所看到的方式陈述事实。你对建议/批评的反应如何取决于你（通常人们会改进他们的答案，只是说“谢谢”）：）好的，就是这样……很好……非常感谢
$('a').click(function(){

$('td a').click(function(){