Estoy tratando de limitar el no. de la lista de filtros. Aquí está mi código
$(document).ready(function(){ $("#myInput").on("keyup", function() { var value = $(this).val().toLowerCase(); $(".table tr").filter(function() { $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1) }); }); });Entonces, cuando escribo 'Comida' en el cuadro de búsqueda, aparecen las 13 filas de la tabla que contienen la palabra comida, y el resto se ocultará.
Pero estoy tratando de mostrar solo las primeras 5 filas, en lugar de las 13 filas. Agradezco, si alguien tiene alguna idea.
Utilice el Array.slice
$(".table tr").filter(function() { $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1); }).slice(5).remove(); Slice(index) devuelve todos los elementos de la matriz desde el índice hasta el último elemento. En este caso, al ser todos los elementos, llamar a remove() en esos elementos los eliminará y, por lo tanto, solo mostrará los primeros 5 elementos. Documentos: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/slice