Javascript 为什么我的表筛选器正在删除表标题？

我试图实现我在这里找到的这个表过滤器，但由于某种原因，我的过滤器正在删除我的表标题，在示例中它没有删除标题，我想知道我在这里做错了什么

这是我的桌子：

    <input type="text" id="inputFilter" placeholder="Procurar agendamentos..">

<table class="table table-hover table-dark" id="tableAgendamentos">
    <thead>
        <tr>
            <th scope="col">Data</th>
            <th scope="col">Animal</th>
            <th scope="col">Procedimento</th>
            <th scope="col">Status</th>
            <th scope="col">Valor</th>
            <th scope="col">Nota Fiscal</th>
        </tr>
    </thead>
    <tbody>
        @foreach (Agendamento agendamento in Model.ListaAgendamentos)
        {
            <tr>
                <th scope="row">@agendamento.DataHoraInicio</th>
                <td>@agendamento.nomeAnimal</td>
                <td>@agendamento.NomeServico</td>                
                @if(agendamento.prioridadeAgendamento == 3)
                {
                    <td class="text-success">Em até 7 dias</td>
                }else if(agendamento.prioridadeAgendamento == 2)
                {
                    <td class="text-primary">Em até 30 dias</td>
                }else
                {
                    <td class="text-danger">Atrasado/Vencido</td>
                }
                <td>R$100,00</td>
                <td><a href="url">Baixar</a></td>
            </tr>
        }            
        </tbody>
</table>

资料
动物
过程
地位
英勇
财政部
@foreach（Model.ListaAgendamentos中的Agendamento Agendamento）
{
@agendamento.DataHoraInicio
@动物研究所
@诺梅塞维科代理
@如果（agendamento.prioridadeAgendamento==3）
{
埃姆·阿特7迪亚斯酒店
}else if（agendamento.prioridadeAgendamento==2）
{
埃姆·阿特30迪亚斯酒店
}否则
{
阿特拉萨多/文西多
}
R$100,00
}            

这是我的剧本：

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

$（文档）.ready（函数（）{
$（“#输入过滤器”）。在（“键控”，函数（）上{
var value=$（this.val（）.toLowerCase（）；
$（“#tableAgendamentos tr”）.filter（函数（）{
$（this）.toggle（$（this）.text（）.toLowerCase（）.indexOf（value）>-1）
});
});
});

---

提前感谢。

看起来标题被过滤掉了。 我认为您可以尝试使用tbody的id，而不是脚本中的整个表id

看看教程，最后似乎有一点

注意，我们在tbody中开始搜索，以防止筛选表头

---

我认为这是个错误

$("#tableAgendamentos tr")

---

我想给tr起一个类名，而不是上面的代码，然后再试一次

Wow谢谢！我刚刚把id从table标签改为tbody标签，现在它工作得很好！我会尽快将此更新为答案：）