Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 11.07.2014, 13:54
Интересующийся
Отправить личное сообщение для CRYSIS_STALKER Посмотреть профиль Найти все сообщения от CRYSIS_STALKER
 
Регистрация: 19.03.2014
Сообщений: 10

Сортировка блоков div
Имеется 5 блоков div. В каждом из них есть div, в котором есть цифра. Необходимо отсортировать эти 5 div'ов по возрастанию цифр. Помогите с написанием функции. Блоков может быть не 5, а больше.
Ответить с цитированием
  #2 (permalink)  
Старый 11.07.2014, 14:12
Аватар для Aetae
Тлен
Отправить личное сообщение для Aetae Посмотреть профиль Найти все сообщения от Aetae
 
Регистрация: 02.01.2010
Сообщений: 6,587

CRYSIS_STALKER, пример html напишите.
__________________
29375, 35
Ответить с цитированием
  #3 (permalink)  
Старый 11.07.2014, 14:18
Профессор
Отправить личное сообщение для Sweet Посмотреть профиль Найти все сообщения от Sweet
 
Регистрация: 16.03.2010
Сообщений: 1,618

Логика примерно такая:
<div id="container">
  <div class="item">
    <div class="num">22</div>
  </div>
  <div class="item">
    <div class="num">5</div>
  </div>
  <div class="item">
    <div class="num">18</div>
  </div>
  <div class="item">
    <div class="num">37</div>
  </div>
  <div class="item">
    <div class="num">2</div>
  </div>
</div>

<script>

var divs = Array.prototype.slice.call(document.querySelectorAll('#container .item'));

divs.sort(sort);
divs.forEach(putIn, container);


function sort(a, b) {
  return getValue(a) > getValue(b);
  
  function getValue(element) {
    return Number(element.querySelector(".num").textContent);
  }
}

function putIn(item) {
  this.appendChild(item);
}

</script>
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Сортировка блоков по параметрам webmanss Элементы интерфейса 17 18.06.2016 20:04
нужен скрипт ротатора DIV блоков при перезагрузке страницы - 10$ wlad2 Работа 21 25.02.2014 12:49
Сортировка div на jquery werty1001 jQuery 4 22.12.2012 13:54
Несколько div блоков. Переключение по нажатии на соответствующую ссылку. Help$ Элементы интерфейса 4 25.09.2010 00:01
Появление блоков div в зависимости от radio Oracool Events/DOM/Window 1 04.12.2009 18:39