Question

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

这里是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 >"; ?>

它应该删除echo中显示的所有表，但它不会。谢谢你的帮助...

Answer 1

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

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

see jquery traversing

现在，它是直接的父元素到<a> <td>。

AJAX记录删除使用jQuery

1 个答案: