所以我目前正在建立一个概述页面与许多卡片，其中包括数据，如路线名称，路线的数量，跳跃点和日期。现在，我试图使用javascript构建一个过滤器，用户可以在其中过滤路由名称、路由数量、偏离点和日期，以便用户可以搜索特定的卡。

目前我有6张带有数据的卡片，当我在搜索输入字段中键入时，它只删除前4张卡片，并显示最后2张。

• 我使用了一些不必要的类名，如route__text，这些类名只是为了修复搜索筛选器。

我的代码:

非常感谢帮助

顺晟科技：

下面的代码有效。..您的代码在编辑和指出错误时非常混乱，但一般来说，您应该注意以下几点:

1. 注意HTML集合、数组和nodelists之间的区别
2. 避免为循环嵌套，因为它们令人困惑且难以理解。如果您确实需要使用它，不要使用相同的变量名（在您的例子中），因为这会使解释器和其他程序员感到困惑。
3. 事件在没有键入时触发不必要的调用（即shift或caps按下）