Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/416.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在列表上的Jquery中筛选结果,不显示结果消息_Javascript_Jquery_Filtering - Fatal编程技术网

Javascript 在列表上的Jquery中筛选结果,不显示结果消息

Javascript 在列表上的Jquery中筛选结果,不显示结果消息,javascript,jquery,filtering,Javascript,Jquery,Filtering,我有一个列表和一个输入字段。脚本在列表中过滤,显示/过滤输入/列表中的匹配结果 aaa bbb ccc 如果输入“sss”,他们在列表中看不到匹配项。然后,如果没有匹配项,我想显示一条消息“找不到结果”。如何添加此邮件 $(document).ready(function () { $("#list-search").on("keyup click input", function () { if (this.value.length > 0) { $(

我有一个列表和一个输入字段。脚本在列表中过滤,显示/过滤输入/列表中的匹配结果

  • aaa
  • bbb
  • ccc
如果输入“sss”,他们在列表中看不到匹配项。然后,如果没有匹配项,我想显示一条消息“找不到结果”。如何添加此邮件

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

例如:

这里有一个选项。计数将起作用,而不是未找到的消息:

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

你能澄清你的问题吗?嘿,大卫,我更新了这个问题。这对我想要实现的目标有意义吗?谢谢