Question

我在我的网站上做了一个搜索按钮，但是我有一个问题，当我删除文本，文本框是空的，没有显示任何内容时，我希望如果文本框为空，则会显示所有的项目。我怎么能这样做？

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

Answer 1

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

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

Answer 2

您可以使用$("#searchdata tr").hide();：

而不是toggle()

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

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

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

Jquery在空的时候搜索所有内容

2 个答案: