Как выполнить поиск и фильтрацию в реальном времени по таблице HTML

Я некоторое время гуглил и искал переполнение стека, но просто не могу обойти эту проблему.

У меня есть стандартная таблица 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 например, оранжевый ряд стола исчезнет, оставив яблоко и виноград. Если они продолжили и набралиGreen Gr Яблочный ряд должен исчезнуть, оставив только виноград. Надеюсь, это понятно.

И, если пользователь удалит часть или весь свой запрос из текстового поля, мне нужно, чтобы все строки, которые теперь соответствуют запросу, появлялись снова.

Хотя я знаю, как удалить строку таблицы в jQuery, у меня мало идей о том, как выполнить поиск и выборочное удаление строк на основе этого. Есть ли простое решение для этого? Или плагин?

Если бы кто-нибудь мог указать мне правильное направление, это было бы замечательно.

Спасибо.

Ответы на вопрос(8)

Ваш ответ на вопрос