Foros del Web » Programando para Internet » Jquery »

Captar valor de un <td>

Estas en el tema de Captar valor de un <td> en el foro de Jquery en Foros del Web. Hola, que tal?, tengo el siguiente problema, quiero tomar el valor del segundo <td> del <tr> clickeado. Quiero que en lo posible sea en jquery, ...
  #1 (permalink)  
Antiguo 06/06/2014, 07:39
 
Fecha de Ingreso: octubre-2013
Mensajes: 53
Antigüedad: 10 años, 6 meses
Puntos: 1
Pregunta Captar valor de un <td>

Hola, que tal?, tengo el siguiente problema, quiero tomar el valor del segundo <td> del <tr> clickeado. Quiero que en lo posible sea en jquery, e intentado y no me ha salido. la cuestion es la siguiente por ejemplo:

<table>
<thead>
<tr>
<th>#</th>
<th>First Name</th>
<th>Last Name</th>
<th>Username</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td >Mark</td>
<td>Otto</td>
<td>@mdo</td>
</tr>
<tr>
<td>2</td>
<td >Jacob</td>
<td>Thornton</td>
<td>@fat</td>
</tr>
<tr>
<td>3</td>
<td >Larry</td>
<td>the Bird</td>
<td>@twitter</td>
</tr>
</tbody>
</table>

necesito que al clickear en la fila 1 me devuelva mark, al clickear en la fila 2 me devuelva jacob, en la 3 larry, etc.
Desde ya muchas gracias.
  #2 (permalink)  
Antiguo 06/06/2014, 07:41
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 9 meses
Puntos: 2114
Respuesta: Captar valor de un <td>

¿Qué has intentado hacer?

Usa la opción highlight para cuando publiques código.
  #3 (permalink)  
Antiguo 06/06/2014, 09:57
 
Fecha de Ingreso: octubre-2013
Mensajes: 53
Antigüedad: 10 años, 6 meses
Puntos: 1
Respuesta: Captar valor de un <td>

Cita:
Iniciado por pzin Ver Mensaje
¿Qué has intentado hacer?

Usa la opción highlight para cuando publiques código.
Creo que me expliqué bien, sino, mil disculpas. Necesito que al clickar en una fila, tomar con una funcion el valor de la segunda columna de esa fila, se entiende?

es decir, si clickeo en la segunda fila la funcion me deberá devolver 'otto' que es el valor de la segunda columna de esa fila. Saludos.
  #4 (permalink)  
Antiguo 06/06/2014, 10:16
Avatar de Alexis88
Philosopher
 
Fecha de Ingreso: noviembre-2011
Ubicación: Tacna, Perú
Mensajes: 5.552
Antigüedad: 12 años, 5 meses
Puntos: 977
Respuesta: Captar valor de un <td>

Tan sencillo como buscar al segundo elemento <td> de la fila clickeada.

Código Javascript:
Ver original
  1. $("tr").click(function(){
  2.     alert($(this).find("td").eq(1).html());
  3. });

Con find busco un elemento ya sea por tipo, nombre, id o clase, mientras que con eq, busco la posición o ubicación equivalente dentro del conjunto de elementos filtrados, empezando siempre desde cero. El método html devuelve el contenido del elemento.

Saludos
__________________
«Juro por mi vida y mi amor por ella, que jamás viviré para el provecho de otro hombre, ni le pediré a otro hombre que viva para el mío».

Ayn Rand
  #5 (permalink)  
Antiguo 06/06/2014, 13:11
 
Fecha de Ingreso: octubre-2013
Mensajes: 53
Antigüedad: 10 años, 6 meses
Puntos: 1
Respuesta: Captar valor de un <td>

Cita:
Iniciado por Alexis88 Ver Mensaje
Tan sencillo como buscar al segundo elemento <td> de la fila clickeada.

Código Javascript:
Ver original
  1. $("tr").click(function(){
  2.     alert($(this).find("td").eq(1).html());
  3. });

Con [URL="http://api.jquery.com/find/"]find[/URL] busco un elemento ya sea por tipo, nombre, id o clase, mientras que con [URL="http://api.jquery.com/eq/"]eq[/URL], busco la posición o ubicación equivalente dentro del conjunto de elementos filtrados, empezando siempre desde cero. El método [URL="http://api.jquery.com/html/"]html[/URL] devuelve el contenido del elemento.

Saludos


Perfectooo! Muchas gracias :D

Etiquetas: tabla, valor
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 02:03.