如何在HTML表上執行實時搜索和過濾我一直在谷歌搜索和搜索Stack Overflow一段時間,但我無法解決這個問題。我有一個標準的HTML表,包含水果。像這樣:<table>
<tr>
<td>Apple</td>
<td>Green</td>
</tr>
<tr>
<td>Grapes</td>
<td>Green</td>
</tr>
<tr>
<td>Orange</td>
<td>Orange</td>
</tr></table>在上面我有一個文本框,我想在表中搜索用戶類型。因此,如果他們輸入Gre例如,表中的橙色行將消失,留下Apple和Grapes。如果他們繼續并打字Green Gr蘋果行應該消失,只留下葡萄。我希望這很清楚。并且,如果用戶從文本框中刪除了部分或全部查詢,我希望現在所有與查詢匹配的行重新出現。雖然我知道如何刪除jQuery中的表行,但我不知道如何根據此選擇性地進行搜索和刪除行。有一個簡單的解決方案嗎?還是一個插件?如果有人能指出我正確的方向,它將是輝煌的。謝謝。
如何在HTML表上執行實時搜索和過濾
SMILET
2019-08-23 16:40:37
