Tenho uma tabela que mostra registros de alunos, e cada linha tem um botão para excluir o aluno, e a exclusão é feita via AJAX. Gostaria de dar um fadeOut na linha que for excluída, então no success do AJAX fiz o seguinte:
success:function(){
swal("Excluído!", "O aluno foi removido com sucesso.", "success");
btnExcluir.closest('tr').fadeOut();
}
O problema é que todas as linhas estão sendo removidas. Tentei também com parent().parent() mas mesmo assim ocorre o mesmo.
Segue o trecho da minha tabela:
<tr>
<td>{{$aluno['NM_NIS_ALU']}}</td>
<td>{{$aluno['ST_NOME_ALU']}}</td>
<td class="text-right">{{$aluno['IDADE']}}</td>
<td class="text-center">
<a class="btn btn-primary btn-xs acao" data-toggle="modal" data-target="#modalAluno{{$aluno['ID_ALUNO_ALU']}}"><i class="fa fa-edit"></i> Editar</a>
<a class="btn btn-danger btn-xs acao delete-aluno" data-token="{{csrf_token()}}" data-id="{{$aluno['ID_ALUNO_ALU']}}"><i class="fa fa-times"></i> Excluir</a>
</td>
</tr>
Se alguém puder me ajudar, por que isso está ocorrendo?