Как отсортировать спискок с помощью Jquery?

Question

[toyvo_glumov]

Есть список:

<ul id='list'>
<li>
<a class='item_pic_and_name' href=''><div class='item_pic'><img src=''/></div>
<span class='item_name'>3</span></a>
<span class="item_price"><span>350</span><sup> 15 шт.</sup></span>
</li>
  
<li>
<a class='item_pic_and_name' href=''><div class='item_pic'><img  src=''/></div>
<span class='item_name'>2</span></a>
<span class="item_price"><span>380</span><sup> 45 пак.</sup></span>
</li>

<li>
<a class='item_pic_and_name' href=''><div class='item_pic'><img  src=''/></div>
<span class='item_name'>1</span></a>
<span class="item_price"><span>350</span><sup> 30 шт.</sup></span>
</li>
</ul>

Нужно сделать сортировку по цене в алфавитном порядке (начиная с самого дешевого). В гугле куча примеров на jquery, но они при сортировке используют текст всего li (как здесь, например, stackoverflow.com/questions/13394796/javascript-jq... ), а мне нужно чтобы только в зависимости от значения item_price.

Comments

[Yakov Vylegzhanin]

по цене в алфавитном порядке

Во как.

[toyvo_glumov]

Yakov Vylegzhanin: лол, я уже столько раз забил эту фразу в гугл, что перестал отличать от "по возрастанию"

[Yakov Vylegzhanin]

toyvo_glumov: а по делу если, то попробуйте поменять верстку на таблицу и сортируйте по столбцу цены с помощью этого - tablesorter.com/docs

[toyvo_glumov]

Yakov Vylegzhanin: Ясно, спасибо.

Answer 1

[toyvo_glumov]

Реализовал с помощью List.js
https://habrahabr.ru/post/130911/