tenho uma pequena duvida, nas paginas da minha aplicação vraptor eu tenho um table que faz o seguinte.
<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>
e tenho um script assim:
$('#deleteRow').click(function(){
var pCodigo = document.getElementById("pCodigo").innerHTML;
var tr = $(this).addClass('row_selected');
oTable.fnDeleteRow(tr);
$.ajax({
url:'<c:url value="/util/delete/" />'+pCodigo,
success:function(data){
alert('Passou');
},
error:function(){
alert('Erro');
}
});
});
só que toda vez que na pagina do vraptor mostra os icones pra clickar, só funciona para a primeira linha , ou seja se eu tentar clicar na segunda linha essa açao nao ocorre, é pq ele so permite um id na mesma pagina ou nao tem nada haver? pq estou olhando meu html pelo browser e todos tem o id deleteRow
