Сортировка таблицы на jquery

Сначала создадим таблицу и присвоим ей 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>
Далее пишем сам код
<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();
});
});
});
</script>

Связаться с нами


Нажимая кнопку, вы соглашаетесь на обработку данных