Javascript 如何显示"；“未找到结果”；jquery中的列表搜索？

这是很好的工作。关于如何显示“未找到结果”的任何想法

这里是我的代码

---

谢谢您。

如果未找到结果，请使用以下代码

$(".my-textbox").keyup(function() {
   var val = $(this).val();
   $(".personsMenu li").each(function(i) {
      var content = $(this).html();
      if(content.toLowerCase().indexOf(val) == -1) {
         $(this).hide();
         $(".personsMenu").html("<ul><li><label> NO RESULT FOUND!</label></li></ul>");                  
      } 
      else {
        $(this).show();          
      }
    });
 });

$（“.my textbox”）.keyup（函数（）{
var val=$（this.val（）；
$（“.PersonMenu li”）。每个（功能（i）{
var content=$（this.html（）；
if（content.toLowerCase（）.indexOf（val）=-1）{
$（this.hide（）；
$（“.PersonMenu”）.html（“
未找到结果！
”）；
} 
否则{
$（this.show（）；
}
});
});

---

希望这能满足您的需求。

更优雅、最简单的方法是添加额外变量并将

未找到结果添加到DOM中，然后切换块的可见性

这不能以期望的方式仅查看代码。你有没有试过，我想没有。。。
$(".my-textbox").keyup(function() {
   var val = $(this).val();
   $(".personsMenu li").each(function(i) {
      var content = $(this).html();
      if(content.toLowerCase().indexOf(val) == -1) {
         $(this).hide();
         $(".personsMenu").html("<ul><li><label> NO RESULT FOUND!</label></li></ul>");                  
      } 
      else {
        $(this).show();          
      }
    });
 });

var $block = $('.no-results');
$(".my-textbox").keyup(function() {
    var val = $(this).val();
    var isMatch = false;

    $(".personsMenu li").each(function(i) {
        var content = $(this).html();
        if(content.toLowerCase().indexOf(val) == -1) {
           $(this).hide();           

        } else {
            isMatch = true;
            $(this).show();

        }
    });

    $block.toggle(!isMatch);
});