刪除表格行和ajax調用

Question

我想從表格中刪除表格行並隨後從數據庫中刪除該項目。

生成的html來自頁面加載時的ajax調用，它從php文件中獲取html。

$.ajax({ 
    type: "GET", 
    url: "http://localhost/zabjournal/author/submit/progress", 
    data: {returnSubmissions:1}, 
    success: function(response) { 
      $('#activeSubmissions').html(response); 
    } 
}); 

在該PHP文件中我有這樣定義

$str = '<table class="zebra-striped">'; 
$i=1; 
foreach ($arr as $article) 
{ 
     $str.= "<tr id=".$article->article_id."> 
     <td>".$i."</td> 
     <td>".$article->first_name." ".$article->last_name."</td> 
     <td>".$article->title."</td> 
     <td>".$article->date_submitted."</td> 
     <td> 
      <a class='btn primary'>View</a> 
      <a class='btn'>Edit</a> 
      <a class='btn error'>Delete</a></td> 
     </td> 
     </tr>"; 
    $i++;   
} 
$str.='</tbody></table>'; 

echo $str; 

它我的jQuery函數刪除錶行

$('a.btn error').click(function(){ 
    alert('az'); //alert wasnt even called 
    var id = $(this).closest('tr').attr("id"); 
     $.ajax({ 
      type: "POST", 
      url: "http://localhost/zabjournal/author/submit/progress", 
      data: {article_id:id}, 
      success: function(response) { 
      alert(id); 
      } 
     }); 
    }); 

但是當我點擊刪除按鈕，沒有行動？

Answer 1

與您的選擇器，您正在標籤「a」中搜索標籤「錯誤」，它具有類「btn」。

嘗試更換：

$('a.btn error') 

由：

$('a.btn.error') 

在這種情況下，你會正確地搜索標籤 「一」 與這兩類 「BTN」 和 「錯誤」。