Как реализовать сортировку по алфавиту и по числам jquery?

Question

[Павел]

Как реализовать сортировку по алфавиту (прямой и обратный порядок)?
По числам получилось, а по алфавиту нет
Песочница

Answer 1

[inkShio]

Если по гуглить, то все можно найти

Песочница, на скорую руку

Answer 2

[0xD34F]

Определим функции сортировки, в зависимости от типа:

const sort = {
  str: (a, b) => a.text().localeCompare(b.text()),
  num: (a, b) => parseInt(a.text(), 10) - parseInt(b.text(), 10),
};

Кнопкам добавим data-атрибуты, которые будут указывать имя свойства и тип данных:

<button class="sort" data-field="age" data-type="num">Сортировать по возрасту</button>
<button class="sort" data-field="name" data-type="str">Сортировать по имени</button>

Ну и сортируем:

$('.sort').click(function() {
  const
    $this = $(this),
    data = $this.data(),
    compare = sort[data.type],
    field = `.${data.field}`,
    order = +data.order || 1;

  $('.block')
    .sort((a, b) => order * compare($(field, a), $(field, b)))
    .appendTo('.cont');

  $this.data('order', order * -1);
});

https://jsfiddle.net/8wkn5hz4/

Answer 3

[RuWeb]

Сортировка текста (списка) в алфавитном порядке https://texttools.ru/sort-text