Question

我正在尝试使用CI中的jQuery ajax函数从数据库中删除当我单击按钮数据成功删除但是当ajax请求完成时，元素不会被删除。

以下是HTML代码：

    <td>
        <a href="javascript:void(0)" class="btn btn-danger del_comment" data-id="<?php echo $report->video_comment_id; ?>" data-action="<?php echo site_url('admin/delete_comment') ?>">
            Delted Comment
        </a>
    </td>

这是我的jQuery代码

$('.del_comment').click(function(){
    var comment_report = $(this).data('id');

             $.ajax({
                    url: $(this).data('action'),
                    type: 'POST',
                    data: {
                        comment_report:comment_report
                    },
                    success:function(data){
                        if (true)
                         {
                            $("a[data-id='" + comment_report + "']").find('td').remove();
                         } 
                         else{

                         };

                    },
                    error:function(){
                        alert('somthing worong..')

                    }
            });//ajax ends here                     

});

我没有给你控制器和模型，因为一切正常。

我想在ajax时删除<td>，我该怎么办？

Answer 1

使用$(this).closest('tr').remove();

https://jsfiddle.net/m42bavqj/

Answer 2

$("a[data-id='" + comment_report + "']").find('td').remove()

以上是在找到子TD时找到子TD。

$("a[data-id='" + comment_report + "']").parent('td').remove()

ajax成功完成后，数据ID不会被删除

2 个答案: