Skip to main content
3 de 3
se añadieron 9 caracteres en el cuerpo
MoteCL
  • 862
  • 2
  • 16
  • 43

Evento click en tabla HTML input hidden

Tengo el siguiente código donde obtengo los datos de una fila mediante un evento de un botón.

$('#tbl').on('click', 'button.replay', function(e) {

    var cliente = $(this).closest('tr').find('td:eq(0)').text();
    var cantidad = $(this).closest('tr').find('td:eq(1)').text();
    var id = $(this).closest('tr').find('input[name=id]').val();
    
    console.log('Cliente ' +cliente+' id '+id);
        
  });
     

<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet">

<script src="http://code.jquery.com/jquery-2.1.1.min.js"></script> 
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>

     <div class="table-responsive text-nowrap">
          <table class="table table-bordered table-hover" id="tbl">
            <thead>
              <tr>
                <th>Cliente</th>
                <th>Cantidad</th>
                <th>Comentario</th>
                <th></th>
              </tr>
            </thead>
            <tbody id="tbody_folio">
                <tr>
                <td>CL 1</td>
                <td>10</td>
                <td>Pedido 1</td>
                <td>
                <button class='btn btn-sm btn-warning replay' type='button' name='button'>
                <input type="hidden" name="id" value="1">
                <i class='fas fa-chevron-circle-right'></i>agregar a pedido</button>
                </td>
              </tr>
               <tr>
                <td>CL 2</td>
                <td>100</td>
                <td>Pedido urgente</td>
                <td>
                <button class='btn btn-sm btn-warning replay' type='button' name='button'>
                 <input type="hidden" name="id" value="2">
                <i class='fas fa-chevron-circle-right'></i> agregar a pedido</button>
                </td>
              </tr>
            </tbody>
          </table>
          </div>

Me gustaría hacer lo mismo pero al hacer click del mouse en la tabla $('#tbl').click( function(event) . He buscado ejemplos pero no he podido rescatar el input hidden. Espero haberme explicado bien.

MoteCL
  • 862
  • 2
  • 16
  • 43