JQuery - Seleccionar fila de tabla htm y obtener valores de td

   
Vista:
Imágen de perfil de Emiliano

Seleccionar fila de tabla htm y obtener valores de td

Publicado por Emiliano (4 intervenciones) el 17/10/2015 06:14:00
Hola como estan, tendrían la bondad de brindarme sus consejos para resolver lo siguiente:

Tengo una tabla html estructurada, de la siguiente manera:

1
2
3
4
5
6
7
"<td width='200px;'>"+nombre_produc+"</td>";
"<td width='50px;'>"+utilidad_produc+"</td>";
"<td width='50px;'>"+cantidad_produc+"</td>";
 "<td width='50px;'>"+precio_produc+"</td>";
 "<td width='100px;'>"+fecha_produc+"</td>";
 
"<td width='20px;'><a onclick='fn_dar_p();' class='l1s' title='Eliminar de lista de ventas'><img src='../../././images/delete.png' /></a></td>";

Los datos los voy agregando de forma manual, no es una consulta de una bd.

Al hacer clic selecciona la fila:

1
"<td width='20px;'><a onclick='fn_dar_p();' class='l1s' title='Eliminar de lista de ventas'><img src='../../././images/delete.png' /></a></td>";


No ingresa al evento

1
2
3
4
5
6
7
8
$(document).ready(function() {
 
                $("a.l1s").click(function(){
              id = $(this).parents("tr").find("td").eq(0).html();
              alert(id);
 
                });
});


Ingresa, pero si no pongo onclic, no hace nada. Me obtiene el valor, el problema es que repite su presentaciòn demasiadas veces.

1
2
3
4
5
6
7
8
function fn_dar_p(){
 
	$("a.l1s").click(function(){
       id = $(this).parents("tr").find("td").eq(0).html();
       alert(id);
 
	});
            };


O tal ves alguna manera de seleccionar los valores td de la fila que me puedan recomendar.


Gracias..
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de xve

Seleccionar fila de tabla htm y obtener valores de td

Publicado por xve (557 intervenciones) el 18/10/2015 09:17:56
Hola Emiliano, he probado tu código, y el evento me ha funcionado perfectamente...

Te adjunto el código que he utilizado para probar-lo:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<!DOCTYPE html>
<html lang="es">
<head>
	<meta charset="utf-8">
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js" type="text/javascript"></script>
 
	<script>
	$(document).ready(function() {
		$("a.l1s").click(function(){
			id = $(this).parents("tr").find("td").eq(0).html();
			alert(id);
		});
	});
	</script>
 
</head>
 
<body>
 
<table>
	<tr>
		<td width='20px;'><a class='l1s' title='Eliminar de lista de ventas'><img src='imagen.php' /></a></td>
	</tr>
</table>
 
</body>
</html>

Si nos puedes comentar...
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar