我的代碼中的jquery刪除行表錯誤

Question

我以某種方式設法編寫一個工作系統，從數據庫中檢索的表中刪除一行。

有我的代碼有問題，我想不出正確

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> 

下面是對檢索表

<?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> 
    "; 
} 
?> 

的PHP代碼

Everythings正常工作。

但導航菜單使用相同的<a>標籤，所以當我從這個頁面點擊導航鏈接時，它就像表格行一樣向上滑動。我無法導航...我應該使用ID還是什麼？

<ul class="navigation">    
    <li><a href="dashboard.php" class="blblue">Statistics</a></li> 
    <li><a href="leads.php" class="blyellow">Lead Detials</a></li> 
    <li><a href="includes/logout.php" class="blred">Logout</a></li>     
</ul> 

我很困惑。該怎麼辦？

Answer 1

使用一個類來標識各種類型的鏈接。例如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類到任何「刪除鏈接」（顯然不是任何其他鏈接）。類可以用來暗示元素的特定行爲（從jQuery的角度來看）。當有多個元素時，應避免使用ID或partial-ID選擇器。
• 使用parent().parent()是「脆弱的編碼」，並且不與HTML變化應對，所以針對特定的祖先元素與closest()代替（例如closest("tr")）
• 我在示例更名parent到更有意義$tr，如我假定它是你刪除的行。
• 爲了便於閱讀，我使用$ prevfix for jQuery對象變量。
• 您不需要鏈接中的href=\"javascript:return(0);\"。將其更改爲簡單的#書籤鏈接。

Answer 2

更改下面一行形式：

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

到

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