jquery - jQuery搜索全部为空

我在网站上做了一个搜索按钮，但是有一个问题，当我删除文本，并且文本框为空时，什么也不显示，我希望如果文本框为空，那么将显示所有项目。我怎样才能做到这一点？

$(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

最佳答案

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

$('#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();
    }
});

关于jquery - jQuery搜索全部为空，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/31379308/