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


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

<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 в код страницы:

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

Share Button
(Visited 72 times, 1 visits today)

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *