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

Question

Есть сгенерированный список 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>

Answer 1

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>

БЛОГ НА HUSL

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

Ответы (1 шт):