Живой поиск по строкам таблицы
Я хочу сделать живой поиск по строкам таблицы, используя jQuery, & quot; live & quot; слово является ключевым, потому что я хочу ввести ключевые слова в текстовом вводе на том же сайте, и я хотел бы, чтобы jQuery автоматически сортировал (или удалял тех, кто не соответствует поисковому запросу) строки таблицы.
Вот мой HTML:
<table>
<tr><th>Unique ID</th><th>Random ID</th></tr>
<tr><td>214215</td><td>442</td></tr>
<tr><td>1252512</td><td>556</td></tr>
<tr><td>2114</td><td>4666</td></tr>
<tr><td>3245466</td><td>334</td></tr>
<tr><td>24111</td><td>54364</td></tr>
</table>
И если бы я был Fe. поиск поUnique ID
, он должен показывать только те строки, которые начинаются с определенного номера уникального идентификатора. Fe. если бы я набрал '2' в поле ввода поиска должны остаться следующие строки, так как они начинаются с2
:
<table>
<tr><th>Unique ID</th><th>Random ID</th></tr>
<tr><td>214215</td><td>442</td></tr>
<tr><td>2114</td><td>4666</td></tr>
<tr><td>24111</td><td>54364</td></tr>
</table>
Если бы я напечатал24
то должна быть видна только одна строка, начиная с24
:
<table>
<tr><th>Unique ID</th><th>Random ID</th></tr>
<tr><td>24111</td><td>54364</td></tr>
</table>
Если бы вы, ребята, могли бы дать мне несколько советов о том, как сделать что-то подобное, я был бы очень признателен.
Спасибо.