Как сделать что бы foreach js перебирал элементы другим способом?

Question

[DeniSidorenko]

Добрый день. Подскажите пожалуйста с таким вопросом. Есть цикл Javascript который перебирает элементы стандартным образом. Однако их рассположение в Dom дереве не соответствует нужному мне.

Вот пример. Можно ли сделать что бы цикл foreach перебирал по аттрибуту data-loop. От маленького до большого. Заранее спасибо

Comments

[Dmitry Bay]

data-loop определены заранее? если нет, то делайте foreach формируя массив элементов data-loop, потом сортируйте этот массив и потом делайте data-loop foreach , получая доступ к элементам.

Answer 1

[Aleksey Solovyev]

<div class="js-courses-type" data-loop="4"></div>
<div class="js-courses-type" data-loop="2"></div>
<div class="js-courses-type" data-loop="1"></div>
<div class="js-courses-type" data-loop="3"></div>
<div class="js-courses-type" data-loop="5"></div>

const courses = [...document.querySelectorAll('.js-courses-type')].sort((a, b) => a.getAttribute('data-loop') - b.getAttribute('data-loop'));
courses.forEach( course => window.console.log(course));

Нужны пояснения?

Comments

[DeniSidorenko]

Спасибо большое