从数据库中删除特定行以及相应按钮单击的 html 表

Question

我想从我的 html 以及我的数据库中删除特定的行，单击该行中的相应按钮。到目前为止，我只能从我的 html 表中删除它，但我不知道如何从我的数据库中删除它。我知道它会涉及 ajax 代码，但我不太熟悉使用它，所以请帮忙
这是我的html-

<div id="divGrid">
                             <table class="footable" data-filter="#filter" id="tableresult">
                               <thead>

                                <th>Client name</th>
                                 <th>Staff name</th>
                                 <th>Matter</th>
                                 <th> Delete</th>
                              </thead>
                             <tr id="<?php echo $id; ?>" class="edit_tr">

<td class="edit_td" >
<span id="client_<?php echo $id; ?>" class="text"><?php echo $clientname; ?></span>
<input type="text" value="<?php echo $clientname; ?>" class="editbox" id="client_input_<?php echo $id; ?>" /&gt;
</td>

<td class="edit_td">
<span id="staff_<?php echo $id; ?>" class="text"><?php echo $staff; ?></span> 
<input type="text" value="<?php echo $staff; ?>" class="editbox" id="staff_input_<?php echo $id; ?>"/>
</td>

<td class="edit_td">
<span id="matter_<?php echo $id; ?>" class="text"><?php echo $matter; ?></span> 
<input type="text" value="<?php echo $matter; ?>" class="editbox" id="matter_input_<?php echo $id; ?>"/>
</td>

<td class="delete_td"><input type="button" id="del"  class="btn btn-danger" value="&times;"></input></td>

</tr>
and here is my jquery-
$(document).ready(function () {
    $('input[type=button]').click(function () {
        $(this).parent().parent().remove();
        if ($('#tableresult tr').length < 2) {
            $('#divGrid').empty();
            $('#divGrid').html("All item removed");
        }

    });

});

这样我就可以在上面实现我的代码。我怎么做？ 请检查一下这有什么问题-

$(document).ready(function () {
    $('input[type=button]').click(function () {
       var row = $(this).attr('id');
       $.ajax({
             type: "POST",
             url: 'delete.php',
             data: {id: row},
              success: function (result) {
        $(this).parent().parent().remove();
        if ($('#tableresult tr').length < 2) {
            $('#divGrid').empty();
            $('#divGrid').html("All item removed");
        }
      }
    });
 });
});

php代码-

Answer 1

因为你的 td 有一个类引用，你可以使用它

$('.delete_td') <!--- references the entire td

您还可以使用该列是按钮的父级这一事实并检索所有包含按钮的列。但我认为上面的代码回答了这个问题