Skip to main content

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

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

Esto es mi código 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>