如何显示在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()中的相同想法来使您的元素可见或不可见。

Answer 2

使用if条件，如果search = 0，则找不到任何数据。