Question

我有一张桌子和一个搜索文本框。当我使用此脚本在搜索框中键入内容时，我正在过滤表格：

$(document).ready(function(){
    // Write on keyup event of keyword input element
    $("#buscador").keyup(function(){

        var $rows1 = $('#tablaproyectos1 tbody>tr');
        $('#buscador').keyup(function() {
            var val = $.trim($(this).val()).replace(/ +/g, ' ').toLowerCase();

            $rows1.show().filter(function() {
                var text = $(this).text().replace(/\s+/g, ' ').toLowerCase();
                return !~text.indexOf(val);
            }).hide();
        });
    });
});

我的问题是：如果没有搜索结果，我该如何隐藏表格呢？

Answer 1

这样的事情应该有效：

＆＃13;

ansible-playbook -i inventory playbook.yml -e 'cluster_name=examplecluster'

＆＃13;

$(document).ready(function(){
    // Write on keyup event of keyword input element
    $("#buscador").keyup(function(){

        var $rows1 = $('#tablaproyectos1 tbody>tr');
        $('#buscador').keyup(function() {
            $('#tablaproyectos1').show();
            var val = $.trim($(this).val()).replace(/ +/g, ' ').toLowerCase();

            $rows1.show().filter(function() {
                var text = $(this).text().replace(/\s+/g, ' ').toLowerCase();
                return !~text.indexOf(val);
            }).hide().addClass('hide');
            if ($('#tablaproyectos1 tbody>tr:visible').length == 0) {
              $('#tablaproyectos1').hide();
            }
        });
    });
});

＆＃13;

它可以计算可见行数。如果此总长度为0，则隐藏父表。表总是在开头显示。

搜索结果时隐藏表格

1 个答案: