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

Question

[Максим Е]

Существует 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.
Думаю, что существует какое-либо решение, но найти его пока не смог. Обращаюсь за помощью к Тостеру ;)

Answer 1

[Евгений Кузнецов]

Для текста
Раз
Два

Для цен по аналогии сделаете, там все просто!

Comments

[Максим Е]

Так там же вложенный элемент получается

[Евгений Кузнецов]

В jQuery есть find() , parent(), parents() и $(this)

[Максим Е]

Евгений Кузнецов: Спасибо! Буду пробовать!