Отсортировать по возрастанию/убыванию дивы с помощью javascript?

Question

[Виктор Климов]

<span>Сортировать по <a class="link1" href="#">возрастанию</a>
 | <a class="link2" href="#">убыванию</a></span>
<div class="blocks block-1" data-number="1">1</div>
								<div class="blocks block-2" data-number="2">2</div>
								<div class="blocks block-3" data-number="3">3</div>
								<div class="blocks block-4" data-number="4">4</div>
								<div class="blocks block-5" data-number="5">5</div>
								<div class="blocks block-6" data-number="6">6</div>
								<div class="blocks block-7" data-number="7">7</div>
								<div class="blocks block-8" data-number="8">8</div>
						</div>

Как сделать чтобы при нажатии на ссылку с классом link1/2 блоки сортировались по возрастанию/убыванию ?
Я нуб в js , подскажи плиз

codepen.io/vctr477/pen/VmNzEz

Comments

[Иван]

так они в примере сортируются )

Answer 1

[Алексей Ярков]

https://jsfiddle.net/yarkov_aleksei/2cxhrb6z/

Answer 2

[Виталий Инчин ☢]

------------------------------------
Ну а это по теме..
И это..

Comments

[Виктор Климов]

)))))

Answer 3

[Иван]

Все просто.
Подключаешь JQ. Парсишь содержимое в массив с индексом по твоим дата-намберам. Затираешь исходный див и выводишь новый (т.к. они выстроились по индексу, то выйдут сортированными).
Если не ясно , как буду за компом, то набросаю пример.

ЗЫ
Вообще это дело бекэнда.