Question

我有一个列表和一个输入字段。该脚本筛选显示/过滤来自输入/列表的匹配结果的列表。

aaa
BBB
CCC

如果要输入＆＃34; sss＆＃34;他们不会在列表中看到匹配。然后我想要显示一条消息＆＃34;没有找到结果＆＃34;什么时候没有比赛。如何添加此消息？

 $(document).ready(function () {
 $("#list-search").on("keyup click input", function () {
     if (this.value.length > 0) {
         $("#list li").hide().filter(function () {
             return $(this).text().toLowerCase().indexOf($("#list-search").val().toLowerCase()) != -1;
         }).show();
     } else {
         $("#list li").show();
     }
 });
});

例如：http://jsfiddle.net/6kzowkkv/

Answer 1

这是一个选项。计数可以起作用，而不是未找到的消息：

$(document).ready(function () {
$("#list-search").on("keyup click input", function () {
    if (this.value.length > 0) {
        $("#list li").hide().filter(function () {
            return $(this).text().toLowerCase().indexOf($("#list-search").val().toLowerCase()) != -1;
        }).show();
         var countlistitems = $('#list > li:visible').length;
        $('.countli').html(countlistitems);
    } else {
        $("#list li").show();
    }
});
});

在列表中的Jquery中筛选结果并显示无结果消息

1 个答案: