Javascript 搜索和筛选在我的flask应用程序中不起作用

我在flask中创建了一个应用程序，其中我使用python的tablib库显示了一个csv文件。 我基本上想对csv文件应用搜索和筛选操作。因此，例如，如果用户搜索“我的公司名称”，csv文件上只应显示相关选项。但是，在搜索“我的公司名称”后，页面保持不变，如果我搜索“jcfndoff”之类的其他内容，则会得到一个空白的csv文件（这就是我想要的）。但当我想搜索特定的名称时，这一点并不适用

这是我的代码

    <script>
                $(document).ready(function() {
                    $("#ser").on("keyup", function() {
                        var value = $(this).val().toLowerCase();
                        $("#log ").filter(function() {
                            $(this).toggle($(this).text()
                            .toLowerCase().indexOf(value) > -1)
                        });
                    });
                });
    
    <b> Search the table:
            <input id="ser" type="text" placeholder="Search here"></b>
    <div id="log">
          {% block body %}
          {{ files|safe }}
          {% endblock %}
            </div>

---

您好，您能在

中显示htmls的输出吗？@Swati我已经编辑了我的问题，请查看htmls的输出。。在课文中我想说的是，我不确定你的意思，但这可能是你想知道的<代码>{%block body%}{{files | safe}}{%endblock%}此文件中的“文件”是从flaskcheck添加的，请检查是否适合您。

@app.route('/')
def display():
    files = files_date.export("html")
    return render_template('index.html', files=files)

[before searching][1]
[searching the correct name- only that name should be shown not any other][2]
[searching for a name that doesn't exist- this works fine][3]
  [1]: https://i.stack.imgur.com/P6y1k.png
  [2]: https://i.stack.imgur.com/VIo4Z.png
  [3]: https://i.stack.imgur.com/eF5Km.png