Форум PHP программистов > Сортировка товаров средствами jquery

[ Поиск ] - [ Пользователи ] - [ Календарь ]

Полная Версия: Сортировка товаров средствами jquery

Oggy

24.03.2016 - 12:03

Здравствуйте. По аякс запросу я вывожу товары на страницу. Как я могу их отсортировать по цене по спаданию или возрастанию средствами jquery ? Вот html одного продукта:


<div class="item">
<img src="140.jpg">
<p>$0.99</p>
<p>Product Name</p>
</div>

Zzepish

24.03.2016 - 12:09

Oggy
ты с сервера получаешь массив данных?

Oggy

24.03.2016 - 12:13

Цитата (Zzepish @ 24.03.2016 - 08:09)

Oggy
ты с сервера получаешь массив данных?

да, получаю товары например от амазона по ихнему апи

Zzepish

24.03.2016 - 12:15

Oggy
тогжа сортируй по массиву. Не вижу проблем. А потом уже выводи

Oggy

24.03.2016 - 12:24

Цитата (Zzepish @ 24.03.2016 - 08:15)

Oggy
тогжа сортируй по массиву. Не вижу проблем. А потом уже выводи

проблема в том что я ищу сразу по нескольким апи а товаров много и нужно придумать пагинацию которая правильно листала отсортированные продукты - но это другая тема. Вы знаете как средствами jquery после ответа по аякусу отсортировать все товары по цене ?

Игорь_Vasinsky

24.03.2016 - 12:32

Цитата

после ответа по аякусу отсортировать все товары по цене ?

что такое JQUERY ? это обёртка JS
что такое твои товары ? это массив

вопрос так стоит - как отсотрировать массив при помощи JS

ответ так выглядит https://learn.javascript.ru/array-methods#с...а-метод-sort-fn

при пагинации - так же нет проблем - массив же отсортирован

НО - пагинация на стороне клиента будет работать - если ты будешь её проводить над теми данными, которые есть на клиенте
иначе - нужна сортировка на сервере

_____________
HTML, CSS (Bootstrap), JS(JQuery, ExtJS), PHP, MySQL, MSSql, Posgres, (TSql, BI OLAP, MDX), Mongo, Git, SVN, CodeIgnater, Symfony, Yii 2, JiRA, Redmine, Bitbucket, Composer, Rabbit MQ, Amazon (SQS, S3, Transcribe), Docker

Zzepish

24.03.2016 - 12:33

Oggy
вот!

Kusss

24.03.2016 - 12:38

https://github.com/padolsey-archive/jquery....er/sortElements
вот плагин для сортировки.

измени на

<p class="price" >$0.99</p>

$('.item').sortElements(function(a, b){
    return $(a).find('.price').text() > $(b).find('.price').text() ? 1 : -1;
});

Быстрый ответ:

Здесь расположена полная версия этой страницы.