Preciso fazer com que ao clicar no link ele remova esse elemento tr que se encontra o link, alguém pode me ajudar?
<?php foreach ($emails as $v): ?>
<tr>
<td><?= $v->id; ?></td>
<td><?= $v->email; ?></td>
<td class="actions">
<a href="javascript:void(0);" id="<?= $v->id; ?>" class="delete-row delete-newsletter"><i class="fa fa-trash-o"></i></a>
</td>
</tr>
<?php endforeach; ?>
Esse é o meu ajax, tentei fazer desse jeito mas ele deleta todos os tr, sei que precisa acessar o elemento pai, mas como eu posso deletar o elemento pai desse id que o cara clicou?
$(".delete-newsletter").click(function(){
var id = this.id;
$.ajax({
url: path +'administrador/deletarNewsletter',
type: 'POST',
data: {
usuario: id
},
success: function (response) {
console.log(response);
if (parseInt(response) === 1) {
$("tr").remove(); // Aqui ele apaga todos os tr, sendo que quero apagar o que ele clicou
console.log('apagado!');
} else {
console.log('deu merda');
}
},
error: function (erro, er) {
console.log(erro, er);
}
});
});