Сортировка DOM элементов на JavaScript?

Question

[toyvo_glumov]

Eсть HTML типа:

<div id='list'>
<ul>
  <li><div>Текст</div><div>5</div><div>Текст</div></li>
  <li><div>Текст</div><div>15</div><div>Текст</div></li>
  <li><div>Текст</div><div>2</div><div>Текст</div></li>
  <li><div>Текст</div><div>20</div><div>Текст</div></li>
  <li><div>Текст</div><div>1</div><div>Текст</div></li>
</ul>
</div>

Нужно отсортировать li в порядке значения его второго потомка. Пока мне знаний хватает только чтобы записать значения этих дивов в массив и отсортировать его:

var listContainer = document.getElementById('list');
var allLi = listContainer.getElementsByTagName('li');
var itemsArr = [];
for (i = 0; i < allLi.length; i++) {
  var liSecondDiv = allLi[i].getElementsByTagName('div')[1].innerHTML;
  itemsArr.push(liSecondDiv);
};

itemsArr.sort(function(a, b) {
  return a - b;
});

Как теперь переупорядочить li в соответствии с отсортированным массивом?

Answer 1

[Сергей Мельников]

https://jsbin.com

Comments

[toyvo_glumov]

Спасибо огромное, даже стили не поленились прописать! А куда вставить reverse, чтобы в обратном поряке?

[Сергей Мельников]

jsbin

[toyvo_glumov]

Сергей Мельников: Еще раз громадное спасибо!