ocultar tr generado dinamicamente con php

[martaplaton]

Hola!! estoy haciendo un carrito con php. guardo los productos en variables de sesión y en una pagina imprimo una tabla cuyas celdas son las variables de la session la cual recorro. Pues bien me he incluido un td con un botón para que me permita borrar un producto concreto. Me gustaría poder eliminarlo con jquery pero no se cómo recoger el valor del id del tr para programar el hide...

foreach($_SESSION['cesta'] as $cod => $producto){

?>
<table class="table">
<thead>
<tr>
<th>Codigo</th>
<th>Nombre</th>
<th>Cantidad</th>
<th>Precio unitario</th>
<th>Precio total</th>
<th></th>
</tr>
</thead>
<tbody>
<tr id="<?php echo $cod; ?>">
<td><?php echo $cod; ?></td>
<td><?php echo $producto['nombre'];?></td>

<td>
<select>
<option value='1'>1</option>
<option value='2'>2</option>
<option value='3'>3</option>
</select>
</td>
<td><?php echo $producto['precio'];?>€</td>
<td><?php echo $producto['precio'];?>€</td>
<td>
<button type="button" class="close" id="eliminarProd" >&times;</button>
</td>
</tr>
</tbody>
</table>


<?php

[Fernand0]

Código HTML:

<button type="button" class="close" id="eliminarProd" onclick="removeProduct('<?php echo $cod; ?>');">&times;</button>
 

Código Javascript:

<script>
function removeProduct(element) {
    $("#" + element).hide();
}
</script>
 

Probalo, no estoy seguro de que funcione.


Otra alternativa es...

Código HTML:

<button type="button" class="close botonEliminar">&times;</button>
 

Aca no podes repetir id="eliminarProd" para cada <tr>

Código Javascript:

<script>
$(".botonEliminar").click(function() {
    $(this).closest('tr').hide();
});
</script>