javascript - 如何在 HTML 中显示未找到数据

Question

我创建了一个站点，并将所有数据放入该站点的表中。现在我想实现一个搜索，用户可以轻松地搜索数据，所以我已经成功创建了搜索功能，但问题是，当没有与搜索数据相关的数据时，它将显示一个空白屏幕，当时我想显示“找不到数据”我不知道该怎么做，有人可以帮助我吗？我的搜索脚本

  <script>
$(document).ready(function(){
    $('.search').on('keyup',function(){
        var searchTerm = $(this).val().toLowerCase();
        $('#userTbl tbody tr').each(function(){
            var lineStr = $(this).text().toLowerCase();
            if(lineStr.indexOf(searchTerm) === -1){
                $(this).hide();
            }else{
                $(this).show();
            }
        });
    });
});
</script>   

Answer 1

在页面中保留一个元素，如下所示:<div id="not-found">no results</div> .
并使用 .show()/.hide() 中相同的想法以便您的元素可见或不可见。