Ver Mensaje Individual
  #1 (permalink)  
Antiguo 15/06/2010, 13:13
Avatar de HiToGoRoShi
HiToGoRoShi
 
Fecha de Ingreso: abril-2008
Mensajes: 849
Antigüedad: 16 años, 7 meses
Puntos: 31
capturar el valor de una celda jquery

Que tal amigos, tengo la siguiente tabla que es capturada con una funcion que hice...

Código HTML:
Ver original
  1. <table id="tbUsuario" class="tbUsuario">
  2. <tr>
  3.     <th id="th" class="th0">codigo</th>
  4.  
  5.     <th id="th" class="th1">fecha</th>
  6.     <th id="th" class="th2">nombre</th>
  7.     <th id="th" class="th3">apellido</th>
  8.     <th id="th" class="th4">direccion</th>
  9.     <th id="th" class="th5">telefono</th>
  10.     <th id="th" class="th6">celular</th>
  11.  
  12.     <th id="th" class="th7">correo electronico</th>
  13.     <th id="th" class="th8">nombre de usuario</th>
  14.     <th id="th" class="th9">contraseña</th>
  15. </tr>
  16. <tr>    <td id="td" class="td0">1</td>
  17.     <td id="td" class="td1">03/05/10</td>
  18.     <td id="td" class="td2">Jorge Leandro</td>
  19.  
  20.     <td id="td" class="td3">Rodríguez Sanchez</td>
  21.     <td id="td" class="td4">av la molina 1007</td>
  22.     <td id="td" class="td5">3494092</td>
  23.     <td id="td" class="td6"></td>
  24.     <td id="td" class="td7">[email protected]</td>
  25.     <td id="td" class="td8">vipleandro</td>
  26.  
  27.     <td id="td" class="td9">19e0ffcc359cfa67aacd3976024f99fe</td>
  28. </tr>
  29.  
  30. <tr>    <td id="td" class="td0">2</td>
  31.     <td id="td" class="td1">03/05/10</td>
  32.     <td id="td" class="td2">Erasmo</td>
  33.     <td id="td" class="td3">Martinez Moreno</td>
  34.  
  35.     <td id="td" class="td4">av la molina 1007</td>
  36.     <td id="td" class="td5"></td>
  37.     <td id="td" class="td6">992286121</td>
  38.     <td id="td" class="td7">[email protected]</td>
  39.     <td id="td" class="td8"></td>
  40.     <td id="td" class="td9"></td>
  41. </tr>
  42.  
  43. <tr>    <td id="td" class="td0">3</td>
  44.     <td id="td" class="td1">04/05/10</td>
  45.     <td id="td" class="td2">Segundino</td>
  46.     <td id="td" class="td3">Ramos Mamani</td>
  47.     <td id="td" class="td4">Av. La molina 1007</td>
  48.     <td id="td" class="td5"></td>
  49.  
  50.     <td id="td" class="td6"></td>
  51.     <td id="td" class="td7"></td>
  52.     <td id="td" class="td8"></td>
  53.     <td id="td" class="td9"></td>
  54. </tr>
  55.  
  56. <tr>    <td id="td" class="td0">4</td>
  57.     <td id="td" class="td1">04/05/10</td>
  58.     <td id="td" class="td2">Santos</td>
  59.  
  60.     <td id="td" class="td3">Martinez Moreno</td>
  61.     <td id="td" class="td4">av la molina 1007</td>
  62.     <td id="td" class="td5"></td>
  63.     <td id="td" class="td6">992155912</td>
  64.     <td id="td" class="td7">[email protected]</td>
  65.     <td id="td" class="td8"></td>
  66.     <td id="td" class="td9"></td>
  67.  
  68. </tr>
  69.  
  70. <tr>    <td id="td" class="td0">5</td>
  71.     <td id="td" class="td1">06/05/10</td>
  72.     <td id="td" class="td2">Dennis </td>
  73.     <td id="td" class="td3">Espinoza Oros</td>
  74.     <td id="td" class="td4">av la molina 1007</td>
  75.  
  76.     <td id="td" class="td5">3494092</td>
  77.     <td id="td" class="td6"></td>
  78.     <td id="td" class="td7"></td>
  79.     <td id="td" class="td8"></td>
  80.     <td id="td" class="td9"></td>
  81. </tr>
  82.  
  83. <tr>    <td id="td" class="td0">6</td>
  84.     <td id="td" class="td1">08/05/10</td>
  85.  
  86.     <td id="td" class="td2">Elias </td>
  87.     <td id="td" class="td3">Castañeda Castro</td>
  88.     <td id="td" class="td4"></td>
  89.     <td id="td" class="td5"></td>
  90.     <td id="td" class="td6">993627195</td>
  91.     <td id="td" class="td7"></td>
  92.     <td id="td" class="td8"></td>
  93.  
  94.     <td id="td" class="td9"></td>
  95. </tr>

Tengo la siguiente funcion en jquery

Código Javascript:
Ver original
  1. $(document).ready(function(){
  2.  
  3.     $("#tbUsuario tr").click(function(){
  4.         $(this).css('background-color','black');
  5.         $(this).css('color','white');
  6.         $("#acciones").fadeIn('slow');
  7.         var a = $(".td1:first").val();
  8.         alert(a);
  9.     });
  10.     $("#tbUsuario tr").mouseenter(function(){
  11.         $(this).css('background-color','#369');
  12.         $(this).css('color','white');
  13.     });
  14.     $("#tbUsuario tr").mouseleave(function(){
  15.         $(this).css('background-color','#F4F4F4');
  16.         $(this).css('color','#333');
  17.     });
  18.  
  19. })

Lo que hace esta, es colorear las filas por lo que voy pasando y al dar click en una fila permite seleccionar opciones, justamente yo lo que quiero es capturar la columna del ID, como hago eso señores ??

Y otra cosa, como para evitar que al pasar el mouse se selccione el primer TR