Как определить цифру на jQuery?

Question

[leviathan]

Например

<div class="num">3</div>
<div class="num">2</div>
<div class="num">5</div>
<div class="num">6</div>
<div class="num">8</div>
<div class="num">4</div>
<div class="num">9</div>
<div class="num">1</div>
<div class="num">7</div>

есть 9 элементов с классом .num, в каждом элементе присутствует рандомная цифра.
Цель: Используя jQuery или JS, вывести эти блоки в хронологическом порядке, т.е от 1-го до 9-ти.
Как это можно реализовать?

Answer 1

[Сергей Соколов]

Просто получить цифру напр. первого: parseInt( $('.num').first().text())

Чтобы отсортировать, надо сначала все блоки с цифрами вынуть .detach() из DOM, затем отсортировать по значению, и вставить обратно уже отсортированные.

Для этого понадобится обернуть их в какой-то элемент, откуда забирать и куда потом вставлять:

var $el = $('#container'), digits = $el.children().detach();
digits.sort(function(a,b){
	return parseInt($(a).text()) - parseInt($(b).text());
});

$el.append(digits);

Рабочий пример.

Вообще, можно и просто заменить цифры в блоках, а сами блоки не передвигать : )$('.num').each(function(i,e){ $(e).text(++i)});

Comments

[leviathan]

Спасибо, хороший способ! Не подскажете, как сделать тоже самое, но с атрибутом data ?

[leviathan]

Всё, разобрался.

Answer 2

[Марат Шарипов]

Вот так например.
https://jsfiddle.net/fvutk4n7/