Buenas, estoy intentando realizar una búsqueda en una tabla php.
Este es el codigo con el cual muestro mi tabla:
<div class="form-group">
<label for="search">Buscar:</label>
<div class="input-group col-sm-6">
<input type="text" REQUIRED class="form-control" id="search" placeholder="Ingresar Nombre">
</div>
</div>
<table class="table table-bordered table-hover">
<thead>
<tr bgcolor="#AFDDEC">
<th>Cliente</th>
<th>Tipo Documento</th>
<th>Documento</th>
<th>Direccion</th>
</tr>
</thead>
<tbody>
<?php
if ($result->num_rows > 0) {
while($row = $result->fetch_assoc()) {
echo '<tr><td>'.$row["nombre"].' '.$row["apellidos"].
'</td><td>'.$row["tipo_doc"].
'</td><td>'.$row["dni"].
'</td><td>'.$row["direccion"].
'</td></tr>';
}
} else {
echo "0 results";
}
?>
</tbody>
</table>
Y aqui el fragmento de jquery, con el cual pensaba que podía implementarlo:
var $rows = $('.table tr');
$('#search').keyup(function() {
var val = $.trim($(this).val()).replace(/ +/g, ' ').toLowerCase();
$rows.show().filter(function() {
var text = $(this).text().replace(/\s+/g, ' ').toLowerCase();
return !~text.indexOf(val);
}).hide();
});
Pero el código simplemente no hace nada. Alguna sugerencia para poder buscar en mi tabla? Perdonen las molestias pero soy nuevo en esto. Gracias de antemano.
console.log
con la variableval
para comprobar que se está ejecutando la función en cada pulsación del teclado.