Сортируем записи в таблице с помощью jQuery

less than 1 minute read

Добустим у нас есть следующая таблица на странице и Вам нужно ее отсортировать по алфавиту:

<table>
  <tr><td>Beta</td><td>2</td></tr>
  <tr><td>Omega</td><td>4</td></tr>
  <tr><td>Aplha</td><td>1</td></tr>
  <tr><td>Gamma</td><td>3</td></tr>
</table>

Для этого можно возпользоваться следующиим скриптом на jQuery:

$(document).ready( function () {
    tbody = $('table').find('tbody');

    tbody.find('tr').sort(function(a, b) {
       return $('td:first', a).text().localeCompare($('td:first', b).text());
    }).appendTo(tbody);
});

Не забудьте добавить сам jQuery в код страницы:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

Посмотреть результаты работы можно тут:
https://jsfiddle.net/1uo687yn/

Categories:

Updated: