1

Tengo el siguiente codigo

document.querySelector("#resultado").addEventListener("click", 
      function(event){
         var id= $(this).find("tr").html();   
        alert(id);

                    }, false);
      });

pero no logro obtener el id. Se trata de una tabla de productos y la primer columna es el idproducto. Trabajo con MVC por lo que se crea dinamicamente. Luego de obtener el id y la cantidad lo agregare a un detalle de ticket pero eso despues.

el html creado desde php es:

        $arrayfiltrado=$P1->filtrar($tipoFiltro,$cadena);
     $tabla ="<caption> CATALOGO DE ARTICULOS</caption>

<tr> <th>COD.:</th> <th>DESCRIPCION</th> <th>MARCA</th>
<th>CATEGORIA</th> <th>P/U</th>
</tr>";
       /* No olvide el THEAD y sus TD para formar el encabezado de la tabla */
       /* Contenido de la tabla */
       $tabla .="<tbody>";
       foreach ($arrayfiltrado as $p){
          $tabla .="<tr>";
             /* Un TD por cada datos que quieras mostrar; emj con el mail */
             $tabla .="<td>".$p["idproducto"]."</td>";
             $tabla .="<td>".$p["nombre"]."</td>";
             $tabla .="<td>".$p["marca"]."</td>";
             $tabla .="<td>".$p["categoria"]."</td>";
             $tabla .="<td>".$p["precio"]."</td>";
          $tabla .="</tr>";
       }
       $tabla .="</tbody>";
       $tabla .="</table>";
       echo $tabla;
           }}

5
  • Hola @user3780282, ¿podrías añadir al código HTML?
    – zeross
    Commented el 15 may. 2018 a las 18:41
  • 1
    No veo el id #resultado en tu HTML. Lo que quieres es obtener el valor de idproducto?
    – alanfcm
    Commented el 15 may. 2018 a las 18:47
  • Claro en la pagina principal tengo un table cuyo id es resultado donde va el echo de la tabla que se ve ahi.
    – Caruso
    Commented el 15 may. 2018 a las 18:48
  • ¿A qué elemento del DOM le estás danto el id="resultado"?
    – asantana o
    Commented el 15 may. 2018 a las 20:47
  • tengo un <table id="resultado"> osea del tipo table
    – Caruso
    Commented el 15 may. 2018 a las 20:49

4 respuestas 4

1

Sin ver la estructura de tu HTML es un poco mas dificil, pero lo puedes hacer asi:

$("#resultado tbody tr").on("click", function(event){
     var id= $(this).find("td:first-child").html();   
     alert(id);
 });
    
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table id="resultado">
  <thead>
    <tr>
      <th>id</th>
      <th>name</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>10</td>
      <td>peras</td>
    </tr>
    <tr>
      <td>15</td>
      <td>manzanas</td>
    </tr>
  </tbody>
</table>

7
  • Osea el id que le pasas a attr? Cada <tr> debe tener un valor en id para que sea devuelto?
    – Caruso
    Commented el 15 may. 2018 a las 18:47
  • Depende de lo que quieras obtener, yo pense que querias obtener el id del <tr>. Que es exactamente lo que quieres obtener?
    – alanfcm
    Commented el 15 may. 2018 a las 18:48
  • quiero obtener el id del producto para ponerlo en el detalle del ticket o factura
    – Caruso
    Commented el 15 may. 2018 a las 18:48
  • Quieres obtener solo el primer id, o como deseas obtener un id especifico?
    – alanfcm
    Commented el 15 may. 2018 a las 18:49
  • la idea es seleccionar el producto de la tabla mediante un click en cualquiera..para eso necesito al hacer click obtener el id pero del producto en cuestion. Del que se hizo click
    – Caruso
    Commented el 15 may. 2018 a las 18:51
0

Estás mezclando dos cosas, javascript puro con la librería de jQuery. Deberías agregar la librería primero de jQuery al html y luego cambiar el evento por el de jQuery.

$("#resultado").click(function(event) {
  var id = $(this).find("tr").html();   
  alert(id);
});
0

Supongo que lo que quieres es obtener el ID de la fila donde clicas, aunque tu post es un poco confuso.

// Detectar clic en una fila
$('#resultado tr').click(() => {
    // Obtener el texto de la primera celda de la fila que es el ID
    let id = $(this).find('td:first-child').text();
    // Mostrar alert con el ID obtenido
    alert(id);
});
1
  • Gracias a vos tambien por la respuesta..no me devuelve ningun alert. Si hago: código$('#resultado').click(() => { // Obtener el texto de la primera celda de la fila que es el ID let id = $(this).find('td:first-child').text(); // Mostrar alert con el ID obtenido alert(id); }); códigome devuelve todo los id juntos en el alert. pero porque asi como me pasaste no funciona?
    – Caruso
    Commented el 16 may. 2018 a las 8:59
0

Bueno el error estaba en el DOM. Es decir no estaba creando la etiqueta body del table.. lo correcto es asi:

<table id="resultado">
<thead>
<tr> <th>COD.:</th> <th>DESCRIPCION</th> <th>MARCA</th>
            <th>CATEGORIA</th> <th>P/U</th>
            </tr></thead>
            <tbody>
            
            </tbody>
</table>

Igua si uso "" dinamicamente, es decir el que crea Jquery con el JSON este no funciona para recorrer la tabla, entonces el codigo que me quedo es el siguiente:

$("#resultado tbody").click(function(event) {
  $("tr").click(function(event) {
  var id = $(this).find("td:first-child").text();
 alert(id);

});

en el evento ready de document. Igual voy a dejar un checkbox en cada fila, que tambien se marque al hacer click en cualquier lugar de la misma.

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.