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.
$('input[name=id]').val()