如何使用淡出效果更改表格行的背景颜色?

时间:2012-06-14 10:27:03

标签: jquery css

我想在从表中删除行时更改行的背景颜色(为红色)。

到目前为止,这是我的代码:

$('.delete').click(function(){
    $id=$(this).attr('id');
    $row = $(this).parents('tr:first');
    $.ajax({
        url:'admin/delete_post',
        dataType:'json',
        type:'POST',
        data:'id=' + $id,
        error:function(){
            alert('There was an error');
        },
        success:function(data){
            $row.fadeOut(600,function(){
                $(this).remove();
            });
        }

    })
});

编辑:包含标记。

<tr>
    <td>abc</td>
    <td>
       <div class="controls ">
         <textarea class="input-xlarge span10" name="content" id="textarea" rows="5"                       
         cols="45">text</textarea>
       </div></td>
    <td>
      <a class="btn delete" id="58"><i class="icon-trash"></i> Delete</a>
      <a class="btn save" ><i class="icon-ok"></i> Save</a>
    </td>
</tr>

2 个答案:

答案 0 :(得分:2)

success:function(data){
     $row.find('td').css('backgroundColor', 'red').end().fadeOut(600,function(){
          ...
     });
}

答案 1 :(得分:0)

在你的帖子中没有$this唱歌,我认为它应该this

$row.css('background', 'red')
    .fadeOut(600,function(){
          $(this).remove();
    });