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”中搜索标签“error”，其中包含“btn”类。

尝试更换：

$('a.btn error')

by：

$('a.btn.error')

在这种情况下，您将使用“btn”和“error”两个类正确搜索标签“a”。

删除表行和ajax调用

1 个答案: