Сортировка дивов в массиве через js?

Question

[Александр]

Собираю через ClassName все дивы с нужным мне классом, у этих дивов есть атрибут price, мне нужно их рассортировать по возрастанию price. Поможете с этим?

Answer 1

[Stalker_RED]

const elements = Array.from(document.querySelectorAll('.test')) // массив элементов
const cont = elements[0].parentNode; // родительский элемент

elements
  .sort((a,b)=>a.dataset.price - b.dataset.price) // сортировка по data-price
  .forEach(el=>cont.appendChild(el)) // вставка в нужном порядке

Comments

[Александр]

Вот! Спасибо, только там:

sort((a,b)=>a.attributes.price.value - b.attributes.price.value)

[Stalker_RED]

Александр, вы не показали разметку же.
По стандарту у дива не может быть атрибут price, и custom attributes делаются с префиксом data-*.
К сожалению, мой скилл телепатии слишком слабо прокачан, и я не смог угадать что вы там наколхозили.
Как-то не верится, что вы писали собственный DTD.

[Александр]

Stalker_RED, а вот зря. Может, я не так прост, как кажусь

[Stalker_RED]

Александр, человек, который умеет в DTD но не умеет в sort()? Большая редкость в наши времена :)

[Александр]

Stalker_RED, Ладно, вы правы, я обычный дурачек, который лезет в js, может вы такому глупцу поможете еще с одной проблемкой?
Когда я вывожу через innerHTML в div атрибут data-price, он выводит его как есть и js видит его как data-price, но в html разметке после подгрузки стр js распознает data-price как просто price. Вообщем-то из-за этого я и не использовал приставку data-

[Stalker_RED]

Александр, Совсем непонятно что такое "js распознает data-price как просто price".
Можете в jsfiddle пример набросать?