@Evtera

Как можно отсортировать массив по дата атрибуту?

Здравствуйте. Есть DOM-дерево следующего вида

<div class=" tab-content" data-tab_content="3"></div>
<div class=" tab-content" data-tab_content="1"></div>
<div class=" tab-content" data-tab_content="2"></div>
<div class=" tab-content" data-tab_content="4"></div>


Как его можно отсортировать по data атрибуту для последующего импорта в контейнер через innerHTML?
  • Вопрос задан
  • 70 просмотров
Пригласить эксперта
Ответы на вопрос 2
IonDen
@IonDen
JavaScript developer. IonDen.com
Ну например: https://jsfiddle.net/6exkp8ng/
Ответ написан
@MEDIOFF
Python Developer
Отсортировать можете вот так:
const nodes = document.querySelectorAll('.tab-content')
let sortedNodes = Array.from(nodes).sort((el1, el2) => el1.dataset.tab_content - el2.dataset.tab_content)


И у вас будет массив остартированных элементов.
Вставить можете вот так:
const container = document.querySelector('.container')
sortedNodes.forEach((el) => {
    container.insertAdjacentElement('beforeend', el)
})
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
20 апр. 2021, в 14:34
800 руб./в час
20 апр. 2021, в 14:32
3000 руб./за проект
20 апр. 2021, в 14:26
5000 руб./за проект