atualmente eu tenho um datatable que ao clicar em uma imagem ele aciona o seguinte javascript
$(document).ready(function(){
$('#deleteRow').click( function(){
var pCodigo = document.getElementById("pCodigo").innerHTML;
$.ajax({
url:'<c:url value="/produto/delete/" />'+pCodigo,
success:function(data){
//queria remover a linha do datatable
//e aqui atualizar a tabela.
},
error:function(){
alert('Erro');
}
});
});
});
esse é o codigo do meu datatable
<table id="produtoList" class="table table-bordered table-striped table-hover">
<thead>
<tr>
<th>#</th>
<th>Nome</th>
<th>Descrição</th>
<th>Preço</th>
<th>Editar</th>
<th>Excluir</th>
</tr>
</thead>
<tbody>
<c:forEach items="${produtoList}" var="produto">
<tr>
<td id="pCodigo">${produto.codigo} </td>
<td>${produto.nome}</td>
<td>${produto.descricao}</td>
<td>${produto.preco}</td>
<td>
<a href="<c:url value="/produto/editar/${produto.codigo}"/>">
<img alt="Editar Produto" src="<c:url value="/resources/img/icons/editar.png"/>">
</a>
</td>
<td>
<a id="deleteRow" href="#">
<img alt="Editar Produto" src="<c:url value="/resources/img/icons/lixeira.png"/>">
</a>
</td>
</tr>
</c:forEach>
</tbody>
</table>
como eu poderia passar essa linha do datatable para efetuar o fnDeleteRow da api do datatable, na propria api só mostra selecionando a linha, e eu queria somente se clicasse na imagem.