Сначала создадим таблицу и присвоим ей id table
<table id="table"> <thead> <tr> <th>id</th> <th>Наименование</th> <th>Обновление</th> </tr> </thead> <tbody> <tr> <td>1</td> <td>Категория1</td> <td>22.02.2020</td> </tr> <tr> <td>2</td> <td>Категория2</td> <td>22.02.2020</td> </tr> <tr> <td>3</td> <td>Категория3</td> <td>22.02.2020</td> </tr> </tbody> </table>
Далее нам нужно подключить библиотеку jquery
<script src="https://code.jquery.com/jquery-3.4.1.js" integrity="sha256-WpOohJOqMqqyKL9FccASB9O0KwACQJpFTUBLTYOVvVU=" crossorigin="anonymous"></script>
Далее пишем сам код
$(document).ready(function () { $("#search").keyup(function () {_ this = this; $.each($("#mytable tbody tr"), function() { if($(this).text().toLowerCase().indexOf($(_this).val().toLowerCase()) === -1) { $(this).hide(); } else { $(this).show(); } }); }); });