php - 使用 jQuery 删除 AJAX 记录

Question

您好，我刚刚找到了一个使用 ajax 从我的数据库中删除一行的代码，但问题是当在 html 中进行删除时，应该消失的表不起作用。

这是js代码

 <script type="text/javascript"  />
  $(document).ready(function() {
$('a.delete').click(function(e) {
    e.preventDefault();
    var parent = $(this).parent();
    $.ajax({
        type: 'get',
        url: 'index.php',
        data: 'ajax=1&delete=' + parent.attr('id').replace('record-',''),
        beforeSend: function() {
            parent.animate({'backgroundColor':'#fb6c6c'},300);
        },
        success: function() {
            parent.slideUp(300,function() {
                parent.remove();
            });
        }
    });
});

});

PHP代码就是这个

<? echo "<div class=\"record\" id=\"record-".$id."\" >  
<tr >
    <td><span style='color:#eb8500' >".++$i."</span></td>
    <td width='270px' style='padding:5px'><div align='left' >
     ".$name."
    </div></td>

    <td width='50px' style='padding:5px'><div align='left' >

     <input  onclick='this.select()' type='text' size='15' value='".$link."' />
    </div>
    </td>
    <td style='padding:5px'><div align='center'>
     ".$cat."
    </div>
    </td>
    <td >

    <a  class=\"delete\" href=\"?delete=".$id."\" >Delete</a>
    </td>
    </tr>
</div >"; ?>

它应该删除回显中显示的所有表格，但它没有。感谢您的帮助...

Answer 1

不确定我是否理解您的问题，但如果您尝试<tr>在 AJAX 成功完成时删除，那么您需要确保var parent参考<tr>如下：

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

见jquery遍历

现在，它适用于<a>is的直接父元素<td>。