0 / 0 / 1
Регистрация: 26.03.2016
Сообщений: 23

Сортировка блоков

17.05.2017, 09:59. Показов 3752. Ответов 2
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Добрый день есть блоки которые нужно отсортировать
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<div class="itrow">
<div class="item" summ="1000">
<a class="item-img" href="#"><img class="item-img" src="#" alt="eawda"></a>
</div>
 </div>
<div class="itrow">
<div class="item" summ="3000">
<a class="item-img" href="#"><img class="item-img" src="#" alt="eawda"></a>
</div>
 </div>
<div class="itrow">
<div class="item" summ="2000">
<a class="item-img" href="#"><img class="item-img" src="#" alt="eawda"></a>
</div>
 </div>
Как обратиться к значению "sum"?, я так понимаю нужно блоки залить в массив, в массиве отсортировать их по значению "sum", и вывести уже в нужном порядке, подскажите пож как делать?, или вообще что почитать

сортировка я понимаю такая будет arr.sort(function(a,b){return a-b}); / arr.sort(function(a,b){return b-a});
0
Лучшие ответы (1)
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
17.05.2017, 09:59
Ответы с готовыми решениями:

Случайная сортировка html блоков
Добрый день! Есть несколько html-блоков типа: &lt;table&gt;текст1&lt;/table&gt; &lt;table&gt;текст2&lt;/table&gt; ...

Сортировка по цене блоков div в js
Здравствуйте, помогите пожалуйста сделать сортировку по цене. Чтобы дивы отсортировались и выстроились в новом порядке, где цена будет от...

Сортировка блоков по алфавиту
Здравствуйте. Приложил файл. Требуется отсортировать по алфавиту слева направо и сверху вниз. Т.е. первые слова блоков идут по порядку...

2
 Аватар для Уф
890 / 725 / 447
Регистрация: 13.07.2015
Сообщений: 2,277
17.05.2017, 10:07
Лучший ответ Сообщение было отмечено Nemec7 как решение

Решение

https://jsfiddle.net/xj3tnxug/

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
    var $elements = $('.itrow .item');
    var $target = $('#main');
     
    $elements.sort(function (a, b) {
        var an = parseInt($(a).attr('summ')),
            bn = parseInt($(b).attr('summ'));
        if(an > bn) return 1;
        if(bn < an) return 0;
        return 0;
    });
     
    $elements.detach().appendTo($target);
1
0 / 0 / 1
Регистрация: 26.03.2016
Сообщений: 23
18.05.2017, 09:16  [ТС]
Спасибо, чуть чуть по другому только сделал
$elements.sort(function (a, b) {
return parseInt($(a).attr('summ_ot'), 10) < parseInt($(b).attr('summ_ot'), 10) ? -1: 1; });}
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
18.05.2017, 09:16
Помогаю со студенческими работами здесь

Сортировка блоков текста по алфавиту.
Есть текст вида Заголовок1 текст1 Заголовок2 текст2 Заголовок3 текст3

Создать круг разделенный на 6 блоков, в центре логотип, при наведении на один из блоков он увеличивается
Доброго времени суток. Не знаю, как даже искать похожее. В общем нужно создать круг разделен на 6 блоков, в центре логотип, при наведение...

Выделить последовательно пять блоков памяти. Высвободить второй блок, после чего вывести информацию о цепочке блоков
Выделить последовательно пять блоков памяти. Высвободить второй блок, после чего вывести информацию о цепочке блоков после второго...

Параллельная вертикальная прокрутка двух блоков и отдельная горизонтальная прокрутка одного из двух блоков
Всем привет! Помогите решить проблему, пожалуйста. Есть блок div, внутри которого два блока div (в каждом из них по одной таблице),...

Сортировка выбором, сортировка вставкой, сортировка заменой, сортировка обменом ("пузырьковая" сортировка)
Создать класс, содержащий массив и реализующий алгоритмы сортировки и бинарного поиска в этом массиве. Класс описать с помощью...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Опции темы

Новые блоги и статьи
Валидация и контроль данных табличной части документа перед записью
Maks 22.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в КА2. Задача: контроль и валидация данных табличной части документа перед записью с учетом регламента компании. . .
Отчёт о затраченных материалах за определенный период с макетом печатной формы
Maks 21.04.2026
Отчёт из решения ниже размещён в конфигурации КА2. Задача: разработка отчёта по затраченным материалам за определённый период, с возможностью вывода печатной формы отчёта с шапкой и подвалом. В. . .
Отчёт о спецтехнике находящейся в ремонте
Maks 20.04.2026
Отчёт из решения ниже размещен в конфигурации КА2. Задача: отобразить спецтехнику, которая на данный момент находится в ремонте. Есть нетиповой документ "Заявка на ремонт спецтехники" который. . .
Памятка для бота и "визитка" для читателей "Semantic Universe Layer (Слой семантической вселенной)"
Hrethgir 19.04.2026
Сгенерировано для краткого описания по случаю сборки и компиляции скелета серверного приложения. И пусть после этого скажут, что статьи сгенерированные AI - туфта и не интересно. И это не реклама -. . .
Запрет удаления строк ТЧ документа при определённом условии
Maks 19.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "Аккумуляторы", разработанного в конфигурации КА2. У данного документа есть ТЧ, в которой в зависимости от прав доступа. . .
Модель заражения группы наркоманов
alhaos 17.04.2026
Условия задачи сформулированы тут Суть: - Группа наркоманов из 10 человек. - Только один инфицирован ВИЧ. - Колются одной иглой. - Колются раз в день. - Колются последовательно через. . .
Мысли в слух. Про "навсегда".
kumehtar 16.04.2026
Подумалось тут, что наверное очень глупо использовать во всяких своих установках понятие "навсегда". Это очень сильное понятие, и я только начинаю понимать край его смысла, не смотря на то что давно. . .
My Business CRM
MaGz GoLd 16.04.2026
Всем привет, недавно возникла потребность создать CRM, для личных нужд. Собственно программа предоставляет из себя базу данных клиентов, в которой можно фиксировать звонки, стадии сделки, а также. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru