删除表格行和ajax调用

我想从表格中删除表格行并随后从数据库中删除该项目。删除表格行和ajax调用

生成的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); 
      } 
     }); 
    });

但是当我点击删除按钮，没有行动？

来源

2012-03-27 SupaOden

与您的选择器，您正在标签“a”中搜索标签“错误”，它具有类“btn”。

尝试更换：

$('a.btn error')

由：

$('a.btn.error')

在这种情况下，你会正确地搜索标签 “一” 与这两类 “BTN” 和 “错误”。

来源

2012-03-27 13:50:15 Mordhak

它仍然没有被调用，我检查了我的代码，我不知道是什么造成这种情况。 – SupaOden 2012-03-27 14:36:28

你检查了你生成的html表吗？你能告诉我们结果吗？编辑：哦，刚刚在你的代码中发现了另一个错误：“$ str。='';” =>你正在关闭“tbody”，它在你的代码之前没有打开过。 – Mordhak 2012-03-27 14:40:00

那么这一定是错误的格式化代码，但在记事本++上的html是好的 – SupaOden 2012-03-27 14:47:24

删除表格行和ajax调用

回答

相关问题