Tengo este código y la tabla se llena con los datos de una consulta de Query pero no me reconoce las filas de la consulta, solo toma en cuenta el titulo y no reconoce las demas.
Asi se llena la tabla, esto es el codigo del Jquery se llama con una funcion y llena los datos con el valor de "contenedor" que llena el tbody.
function DatosUsuarios()
{
var sas="";
$.ajax({
headers:{'Authorization':'bearer '+localStorage.authentication},
type: "GET",
url: "http://localhost:8008/api/v1/product",
contentType: 'application/json',
success: function (response) {
let vacio = `<tr><td colspan="4">SIN REGISTROS</td></tr>`;
if(response.length > 0)
{
let filas = ``;
$.each(response,function(i, item){
filas += `<tr><td>${item.requisition_id}</td><td>${item.fecha}</td><td>${item.nombre}</td><td>${item.address}</td></tr>`;
console.log(item);
sas = item.requisition_id+"_";
});
$('#contenedor').html(filas)
}
else{
$('#contenedor').html(vacio)
}
},
error: function(){
Refresh();
DatosUsuarios();
}
});
}
Este es el codigo de html que llena la tabla
<div class="tab content1">
<div class="container">
<table class="table table-striped table-hovered" id="table">
<thead>
<tr>
<th>Numero de pedido</th>
<th>Fecha de pedido</th>
<th>Cliente</th>
<th>Direccion</th>
<th></th>
</tr>
</thead>
<tbody id="contenedor">
</tbody>
</table>
<div class="container">
<div class="row">
<div class="col-md-10 col-md-offset-2">
<button class="btn btn-outline-dark" id="btnAcceder">Actualizar datos</button>
</div>
</div>
</div>
</div>
</div>
Y esta es la funcion que deberia devolverme el valor de la fila
$("#table tr").click(function(){
$(this).addClass('selected').siblings().removeClass('selected');
var value=$(this).find('td:first').html();
alert(value);
});