Как сделать сортировку ul li через js?

Рейтинг: 0Ответов: 1Опубликовано: 29.05.2023

Есть сгенерированный список ul/li через php , и мне необходимо поменять местами li . То-есть li с классом lang-item-5 сделать первым по списку, lang-item-10 вторым, lang-item-2 третьим

Сейчас список выглядит так:

<ul>
  <li class="lang-item-2"></li>
  <li class="lang-item-5"></li>
  <li class="lang-item-10"></li>
</ul>
javascript html jquery
Источник: Stack Overflow на русском

Ответы

▲ 0Принят

li с классом lang-item-5 сделать первым по списку, lang-item-10 вторым, lang-item-2 третьим

Можно такое сделать вот так...

const o = document.querySelector('.lang-item-2')
o.parentNode.insertAdjacentElement('beforeend', o)
ul {
  border: 1px solid;
}
<ul>
  <li class="lang-item-2">2</li>
  <li class="lang-item-5">5</li>
  <li class="lang-item-10">10</li>
</ul>