仅在使用javascript筛选结果后显示引导表

我正在使用一个基本的过滤器功能，根据w3s（）搜索bootstrap4表

这很好，但我想隐藏表，并在执行过滤器搜索时显示结果

i、 网页仅显示一个搜索字段-键入某些内容仅显示表中的相关行

我还不太懂JavaScript。 我从前面的问题中发现了这一点（谢谢Evan Carroll！）：

---

您应该将表包装在div中，并可以像下面那样更新逻辑

检查这个

---

您应该将表包装在div中，并可以像下面那样更新逻辑

检查这个

---

太棒了！工作完美-感谢您的快速响应。太棒了！工作完美-感谢您的快速响应。

<div id="myId" class="d-none">Foobar</div>

$("#myId").removeClass('d-none');

$(document).ready(function () {
    $("#searchinput").on("keyup", function () {
        var value = $(this).val().toLowerCase();
        $("#mainsearch tr").filter(function () {
            $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)
        });
    });
});

$(document).ready(function(){
  $("#searchinput").on("keyup", function() {
   $("#myId").addClass('d-none');
    var value = $(this).val().toLowerCase();
    if(value != ''){
    $("#mainsearch tr").filter(function() {
    $("#myId").removeClass('d-none');
        $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)
    });
    }
  });
});