Как отсортировать элементы на странице?

Question

[laguna1132]

На страницу бэкенд выводить данные в виде

<div><span>Равнина</span></div>
<div><span>Кружка</span></div>
<div><span>Алла</span></div>
<div><span>Секретарь</span></div>

Как с помощью javascript поменять элементы местами по алфавиту?

<div><span>Алла</span></div>
<div><span>Кружка</span></div>
<div><span>Равнина</span></div>
<div><span>Секретарь</span></div>

Важно, чтобы менялись местами именно дивы, а не только текст. Див будет содержать дополнительную информацию в data атрибутах

Comments

[Антон Спирин]

Так и сортируйте на бекенде. Либо AJAX запросом стягивайте отсортированные данные. Если в списке более одной страницы, то сортировка на стороне клиента не имеет смысла.

Answer 1

[Stalker_RED]

// сортирует вложенные в parent элементы по их текстовому содержимому
parent.innerHTML = [...parent.children].sort((a, b) =>
    a.textContent > b.textContent ? 1 : -1
).map(node=>node.outerHTML).join('')

https://jsfiddle.net/my4cLbz1/

Answer 2

[Константин Голик]

Будет полезно: https://stackoverflow.com/questions/14160498/sort-...

Answer 3

[Валерий]

https://codepen.io/anon/pen/WJPJyN