creativeworm
@creativeworm

Как упорядочить HTML-элементы с помощью скрипта JavaScript/jQuery?

Существует HTML вида:
<a href="#" id="run_sort">Тыц</a>
<ul class="table">
<li class="office"><div class="sl_img"><img src="img/1.jpg" alt="Кресло для оператора"></div><div class="sl_price">34</div><div class="sl_name">Кресло для оператора</div></li>
<li class="office"><div class="sl_img"><img src="img/1.jpg" alt="Чайник  электрический 1,7 л"></div><div class="sl_price">34</div><div class="sl_name">Чайник  электрический 1,7 л</div></li>
<li class="office"><div class="sl_img"><img src="img/2.jpg" alt="Кулер для воды напольный"></div><div class="sl_price">11</div><div class="sl_name">Кулер для воды напольный</div></li>
<li class="office"><div class="sl_img"><img src="img/3.jpg" alt="Hi-Teck Беспроводной телефон"></div><div class="sl_price">10</div><div class="sl_name">Hi-Teck Беспроводной телефон</div></li>
<li class="office"><div class="sl_img"><img src="img/1.jpg" alt="Монитор 22 дюйма"></div><div class="sl_price">8</div><div class="sl_name">Монитор 22 дюйма</div></li>
<li class="office"><div class="sl_img"><img src="img/1.jpg" alt="Кофе-машина"></div><div class="sl_price">5</div><div class="sl_name">Кофе-машина</div></li>
<li class="office"><div class="sl_img"><img src="img/1.jpg" alt="Кулер для воды компактный"></div><div class="sl_price">2</div><div class="sl_name">Кулер для воды компактный</div></li>
</ul>

Необходимо по клику на элементе (#run_sort) выполнялась сортировка элементов списка li по значению div.sl_price.
Думаю, что существует какое-либо решение, но найти его пока не смог. Обращаюсь за помощью к Тостеру ;)
  • Вопрос задан
  • 2492 просмотра
Решения вопроса 1
evgentus
@evgentus
Директор OBS Group
Для текста
Раз
Два

Для цен по аналогии сделаете, там все просто!
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы