如何在HTML表格上执行实时搜索和过滤
17 浏览
如何在HTML表格上执行实时搜索和过滤
我已经在谷歌和Stack Overflow上搜索了一段时间，但是我无法解决这个问题。
我有一个标准的HTML表格，里面包含水果。就像这样：
| 苹果 | 绿色 |
| 葡萄 | 绿色 |
| 橙子 | 橙色 |
在这之上，我有一个文本框，我希望用户在输入时可以搜索表格。所以，如果他们输入Gre，表格中的橙子行将消失，只剩下苹果和葡萄。如果他们继续输入Green Gr，苹果行应该消失，只剩下葡萄。希望这样清楚明了。
而且，如果用户从文本框中删除了一部分或全部查询内容，我希望所有与查询匹配的行重新出现。
虽然我知道如何在jQuery中删除表格行，但我对如何进行搜索并根据此选择性地删除行一无所知。是否有一个简单的解决方案？或者一个插件？
如果有人能指点我正确的方向，那就太棒了。
谢谢。