Php 表行的AJAX元素选择问题

我试图删除表中的行。它正在工作，只是删除了整个表。。。表中有一个表，代码如下：

$(document).ready(function() {
$(".delete").bind('click', function(e){
    e.preventDefault();
    var parent = $(this).parents('tr');
    var string = 'id='+ parent.attr('id').replace('record-','') ;
    $.ajax({
        type: 'POST',
        url: 'ajax_delete.php',
        data: string,
        beforeSend: function() {
            parent.animate({'backgroundColor':'#fb6c6c'},300);
        },

        success: function(data) {
            if(data.status == 'success'){
                        parent.slideUp(300,function() {
                            parent.remove();
                        });
            }else if(data.status == 'error'){
                parent.animate({'backgroundColor':'#eeeeee'},300);
            } else {
                parent.animate({'backgroundColor':'#eeeeee'},300);
            }
        },          

    });
});
});

桌子布局

          <table class="tab_var1">
        <tr>
          <td class="tab_var1_pad">
            <div class="v_tables">  
              <table>
                <tr>
                  <td>
                      Domain Name
                  </td>
                  <td>
                      Stats Overview
                  </td>
                  <td>
                      Remove from CRON
                  </td>
                </tr>
    <tr class="record" id="record-1">
     <td >
        <a href="http://www.challengept.com" target="_blank">challengept.com<a>
     </td>

     <td >
        <table >
            <tr>
                <td>
                Traffic (Month)
                </td>
                <td>
                No. Keywords
                </td>
                <td>
                No. PPC Ads
                </td>       
                <td>
                Visibility
                </td>                       
            </tr>    
            <tr>
                <td>
                1796
                </td>
                <td>
                367
                </td>
                <td>
                0
                </td>       
                <td>
                0.0236900
                </td>                       
            </tr>   
            <tr>
                <td>
                Data Source - UK
                </td>
            </tr>   
        </table>
     </td>       
     <td >
                <a href="#" class="delete btn-small btn-extra">Remove</a>       
     </td>       
    </tr>
       </table>
            </div>
          </td>
        </tr>
      </table>

域名
统计数据概述
从CRON中删除

如果有人能让我知道如何在ajax中选择一个TR，那将是一个很大的帮助。我希望选择的TR是带有类“record”的TR，该类在最后一个td中有一个a href按钮。我正在使用select parents tr？

.parents（）

返回元素的所有父元素。您只需要选择直接父级或最近的祖先tr

var parent = $(this).closest('tr');

参见链接

---

您可以使用

最接近的

进行以下操作：

var parent = $(this).closest('tr');
var string = 'id='+ parent.attr('id').replace('record-','') ;

我认为你可以用以下更好的方法来做：

1。为id字段分配数据属性

<a href="#" class="delete" data-id="1">Remove</a>  

var string = $(this).data('id');

---

你能展示一下ajax\u delete.php的内容吗。非常感谢你的帮助！