-2

こんにちは、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 >"; ?>

エコーに表示されているすべてのテーブルを削除する必要がありますが、そうではありません。助けてくれてありがとう...

4

1 に答える 1

1

あなたの問題を理解しているかどうかはわかりませんが、AJAX が正常に完了したときに を削除しようとしている場合は、次のようなものを参照して<tr>いることを確認する必要があります。var parent<tr>

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

jquery トラバースを参照してください

現在、 is の直接の親要素を対象とし<a>ています<td>。

于 2013-08-26T16:35:17.227 に答える