小賴的實戰記錄

參考文章

https://stackoverflow.com/questions/21600802/jquery-sort-list-based-on-data-attribute-value

因為不透過後端處理，我使用前端處理。

自己處理html的資料排序太過麻煩，我查看網路上是否有JQuery語法可以清鬆處理排序，真的讓我找到了，因為我有多種排序依據，

所以我做了一個方法處理

function sortDataList(type,order) {
   $('.data_list .data_item').sort(function(a,b){
      if(order=='asc') {
         return ($(b).data(type)) < ($(a).data(type)) ? 1 : -1;
      } else {
         return ($(b).data(type)) > ($(a).data(type)) ? 1 : -1;
      }
   }).appendTo('.data_list');
}

而data_item，則設定data資料

<div class="data_item" data-price="123" data-sort="1" data-time="12:00">

這樣可以清鬆處理，遞增遞減的排序了。