Как отсортировать меню по возрастающей?

Question

[Максим]

Есть меню с пунктами в которых есть data-num и они в разброс:

<ul class="menu">
  <li data-num="1">Первый пункт</li>
  <li data-num="3">Третий пункт</li>
  <li data-num="5">Пятый пункт</li>
  <li data-num="2">Второй пункт</li>
  <li data-num="4">Четвертый пункт</li>
  <li data-num="6">Шестой пункт</li>
</ul>

Хочу отсортировать меню по числовому порядку от 1 до самого наибольшего.
Пробовал это сделать но не знаю на сколько верно я это делал и сортировка не работает.
Как отсортировать меню?

Answer 1

[0xD34F]

function sortChildren(el, key) {
  el.append(...Array
    .from(el.children, n => [ n, key(n) ])
    .sort((a, b) => a[1] - b[1])
    .map(n => n[0])
  );
}


sortChildren(document.querySelector('.menu'), n => +n.dataset.num);

Comments

[Максим]

спасибо