Seleccionar valores de fila de tabla html

[EmilianoEmiliano]

Hola como estan, tendrian la amabilidad de brindarme sus consejos para resolver lo siguiente:

Tengo una tabla htm, la cual se va llenando de datos al agregarlos de la siguiente manera:

Código Javascript:

cadena=cadena + "<td width='50px;'>"+cantidad_produc+"</td>";               
cadena=cadena + "<td width='50px;'>"+precio_produc+"</td>";
cadena=cadena + "<td width='100px;'>"+fecha_produc+"</td>";
 $("#tablas_utilidad_producto tbody").append(cadena);
 

Pero en la tabla tambien hay un campo que sirve para seleccionar los valores de las filas:

Código Javascript:

cadena=cadena + "<td width='20px;'>
 
<a id='lista_agr' name='lista_agr'><img id='imagen_presentacion' src='images/add.png'/></a>
 
</td>";
 

Y de esta forma selecciono la fila entera al hacer click:

Código Javascript:

$(document).ready(function() {  
        $("#lista_agr").click(function(){
 
            var valores="";
 
            // Obtenemos todos los valores contenidos en los <td> de la fila
            // seleccionada
            $(this).parents("tr").find("td").each(function(){
                valores+=$(this).html()+"\n";
            });
 
            alert(valores);
        });
    });
 

Pero no funciona, he probado de varias formas pero no logro obtener los valores de los td de esa fila.

Gracias por brindarme su guía..