您可以选择table，并使用forEach循环通过其rows，并检查row.cells[1]（ID单元格）、其textContent是否以input值开始，如果不是，则使用display: none隐藏它，如果匹配，则使用display: table-row显示它
第一个

首先，你应该研究DOM操作，这样你就可以实际访问和操作所需的值。另外，你应该研究如何使用类。循环的知识也是必要的。最后，一些HTML和CSS的理解是必要的。所有这些材料都可以在W3schools上获得，所以请检查那里。
编辑：你没有要求编码的解决方案，这就是为什么我不给它。

有这么多的技能需要它是相当困难的工作，而不是使它。
有一件事我已经改变了，那就是你的数据从html变成了一个数组。我发现数组可以更容易地工作，一旦你了解了它们--以及你如何将它们输出到HTML。
有很多方法可以做到这一点--知道这一点很重要。这里并没有真正的“正确”答案。

• 阵列https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array
• 查询选择器-https://developer.mozilla.org/en-US/docs/Web/API/Document/querySelector
• 函数https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Functions
• 输入值https://www.w3schools.com/jsref/prop_text_value.asp
• if语句https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/if...else
• 阵列滤波-https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/filter
• 将数字转换为字符串-https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number/toString
• 字符串包括-https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/includes
• 模板文字-https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals
• 事件侦听器-https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener

第一个

要获得一个快速且不一定很脏的解决方案，请查看https://datatables.net/。这个库可以用一个表来解决您的大多数问题或需求。
因此，您首先在html中添加库：

<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.12.1/css/jquery.dataTables.css">

<script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/1.12.1/js/jquery.dataTables.js"></script>

然后在您的后面的脚本标记中，在您的表上初始化Datatable并选择该表，然后添加如下功能：

$(document).ready( function () {
    $('#datatable').DataTable();
} );

$('#datatable').DataTable( {
    searching: true,
    paging: false
} );

然后一点一点地，根据你的学习欲望，让你的手学习JS，DOM，HTML的基础知识，正如其他提到的。

哇，非常感谢你们的回答。这对我帮助很大，我想我不会使用最快的解决方案，而是通过Mimo JS部分来扩展我的基本理解。你们的方法真的很棒，感谢你们的支持！当我准备好的时候，我会在这里发布我的解决方案。