Skip to main content
1 de 3

Cómo busco los datos de una tabla que esta lleno de datos con boton buscar, utilizando jquey

Aqui tengo mi codigo ya lo hice en un input ya me busca los datos pero al precionar boton buscar no me busca, por favor alguien me puede ayudar, se le agradecera.

esto es mi codigo jquery

$(document).ready(function () { $("#btnBuscar").click(function () {

    // Buscar por Fecha  
    var busquedaFec = document.getElementById('txtFecUtilidad');
    var table = document.getElementById("tabla").tBodies[0];

 //   alert("Entrooooo");
    buscaaTabla = function () {     

        texto = busquedaFec.value.toLowerCase();
        var r = 0;
        while (row = table.rows[r++]) {
            if (row.innerText.toLowerCase().indexOf(texto) !== -1)
                row.style.display = null;
            else
                row.style.display = 'none';
        }
    }
    busquedaFec.addEventListener('keyup', buscaaTabla);
});

}); ////////////////////PARTE HTML mi codigo ////////// Fecha de Utilidad

            <div class="col-md-4" style="top:-20px">
            <!--<button onclick="jsBuscar();" class="btn btn-info btn-block" value="Buscar" >Buscar</button>--> 
                <button class="btn btn-info btn-block " id="btnBuscar" type="button" value="Buscar" >Buscar</button>
            </div>