Dimensi
@Dimensi
Совсем недавно начал познавать верстку.

Сортировка элементов с помощью js?

Есть такой список
<div class='s'>
 <div class='item'>
     <div class='s1'>text</div>
     <div class='s2'>text</div>
     <div class='s3'>1232</div>
</div>
 <div class='item'>
     <div class='s1'>text</div>
     <div class='s2'>text</div>
     <div class='s3'>1232</div>
</div>
</div>

Как сделать сортировку по цифрам? Чтоб элемент item менял позицию в зависимости от значений цифр в блоке s3.
Заранее спасибо.
Список выводится через php
<?php foreach ($link->spec() as $item) { ?>
                        <div class="item">
                            <div class="s1"><?php echo $item->{$lang.'name'}; ?> <a href="javascript:void(0)" class="help ttip" title="<?php echo $item->page->{$lang.'anotation'}; ?>">?</a></div>
                            <div class="s2"><?php if ($item->service->period) { ?><?php echo $item->service->period; ?> <?php echo __('мин.'); ?><?php } else { ?>&nbsp;<?php } ?></div>
                            <div class="s3"><?php if ($item->service->price) { ?><?php echo $item->service->price; ?> <?php echo __('Р'); ?><?php } else { ?>&nbsp;<?php } ?></div>
                        </div>
                    <?php } ?>

Но, я что в php, что в js плох.
  • Вопрос задан
  • 124 просмотра
Решения вопроса 1
Dimensi
@Dimensi Автор вопроса
Совсем недавно начал познавать верстку.
Нашел ответ на свой вопрос. Нашел удобный плагин по сортировки TinySort, потом маленький код и все готово.
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
khipster
@khipster
выбрать нужные элементы querySelector, считать циферки, отсортировать и appendChild/inserBefore
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
28 нояб. 2024, в 11:54
50000 руб./за проект
23 нояб. 2024, в 07:32
75000 руб./за проект
28 нояб. 2024, в 11:38
5000 руб./за проект