空时Jquery搜索全部答案

【问题标题】：Jquery search all when empty空时Jquery搜索全部
【发布时间】：2015-10-01 11:27:59
【问题描述】：

我在我的网站上做了一个搜索按钮，但是我有一个问题，当我删除文本时，文本框是空的，什么都不显示，我希望如果文本框是空的，就会显示所有项目。我该怎么做？

$(document).ready(function () {
    $("#searchdata tr").show();

    $('#searchdata tr').each(function () { 
        $(this).attr('data-text', function () {
            return $(this).text().toLowerCase();
        });
    });

    $('#searchbtn').bind('change keypress  keyup change', function () {
        $("#searchdata tr").hide();
        $('#searchdata tr[data-text*="' + $.trim($(this).val().toLowerCase()) + '"]').show();           
    });
});

还有我的网站：www.ledai.ae/locations

【问题讨论】：

标签： jquery search show

【解决方案1】：

你可以用toggle()代替$("#searchdata tr").hide();：

$("#searchdata tr").toggle(!this.value);

您可能希望修剪它以处理只有空格的输入：

$("#searchdata tr").toggle(!$.trim(this.value));

【讨论】：

【解决方案2】：

您可以修改您的逻辑以检查该值是否已设置，并采取相应措施。试试这个：

$('#searchbtn').bind('change keypress  keyup change', function () {
    var searchString = $.trim($(this).val().toLowerCase());
    if (searchString != '') {
        $("#searchdata tr").hide().filter('tr[data-text*="' + searchString + '"]').show();     
    } else {
        $("#searchdata tr").show();
    }      
});

【讨论】：

没问题，很乐意提供帮助。