Сортировка таблицы на 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>

Далее пишем сам код
$(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(); 
            }
        }); 
    }); 
});

 

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


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