Tengo el siguiente codigo en JQuery, una funcion para filtrar un array que almaceno en una variable global,se trata de un JSON que pido por AJAX.
function filtrar(dato){
var filtrado = content.filter(function (a) {
return a.nombre == dato;
});
if (filtrado.length>0) {
$("#resultado").empty();
for (var i = 0; i < filtrado.length; i++) {
var newRow =
"<tr>" +
"<td>" + filtrado[i].idproducto + "</td>" +
"<td>" + filtrado[i].nombre + "</td>" +
"<td>" + filtrado[i].marca + "</td>" +
"<td>" + filtrado[i].categoria + "</td>" +
"<td>" + filtrado[i].precio + "</td>" +
"</tr>";
$(newRow).appendTo("#resultado");
}
}
};
Funciona perfecto, pero filtra, osea borra toda la tabla y muestra los que coinciden estrictamente, osea todo el nombre de producto en este caso. Como puedo filtrar caracter por caracter si el nombre contiene parte de la cadena buscada?
var content;
$(document).ready(function() {
listar();
var nombreBusqueda;
$("#nombre").keyup(function() {
nombreBusqueda=$("#nombre").val();
filtrar(nombreBusqueda);
}
);
});
Ahi arriba el codigo cuando cargo la pagina y tecleo una busqueda. Quiero buscar en el array y no en el DOM porque pienso paginar a futuro y quiero buscar sobre el total de registros