Html 隐藏行而不从DOM中删除

我有一个带有搜索功能的表。搜索函数获取table元素并遍历所有行，以检查innerText中是否有与整个实现相匹配的内容。如果不理想，请随意评论

这里的问题是，我想保留DOM中的每一行，这样任何新的搜索都会考虑所有的行。另一方面，我希望搜索隐藏所有不匹配的行

我认为在这里找到解决方案很容易，但我没有找到。。。到目前为止，我所尝试的：

显示：无-从DOM中删除 可见：隐藏-保留行的空间 高度：0px-不工作。。。我的身高更高，0px没有任何效果 我试图避免使用JQuery，而是使用Angular2V4工具

编辑：以下是我的一个实现示例

您可以使用位置：

.隐藏{ 位置：绝对；/*从流动中移除*/ 右：100%；/*在屏幕区域外发送*/ } /*它在那里吗*/ 表：悬停。隐藏{ 位置：静态； } th th th th 运输署 运输署 运输署 运输署 运输署 运输署 运输署 运输署 隐藏行 运输署 运输署 运输署 运输署 运输署 运输署 运输署

---

一个用于复制的Plunker会很有帮助。如果您使用CSS显示：none，它不应该将其从DOM中删除。CSS不能影响DOM；无法从DOM中删除元素。它只是释放元素占用的空间。您可以在默认情况下隐藏它，并使用display:block在新搜索中显示它；或显示：表格单元格；取决于您的标记。我已尝试使用jquery执行此操作。如果要隐藏数据，则可以使用此操作。此处我的搜索字符串为文本。它将隐藏表行中包含文本$'td:containstext'。parent.toggle@GünterZöchbauer我意识到问题在内部文本中，请参见plunker编辑