2014-07-14 65 views
0

我有點卡住,想知道是否有人可以開始我。按價格,字母和評分排序清單項目jquery

我想將過濾器方法應用於我的設計,並且當單擊「按價格排序」鏈接時,我希望按價格排序列表項目。然後我會嘗試使用相同的方法來自己完成其餘的工作。 提取價格的代碼如下:

$('.price').each(function(){ 
var allPrices = $(this).html(); 
}); 

我不知道在這之後的事情,請大家幫幫我。

你可以找到四迄今所做here

+0

你可以發佈一個jsfi有更完整的例子嗎?我需要看你的HTML。 – oliakaoil

+0

@oliakaoil它已經在小提琴 – charlietfl

回答

0

這或許可以給你一個想法(這是不是一個好的成品溶液)

var resorts = $(".resorts").clone(); 
function sortResorts(){ 
    resorts.sort(function(x,y){ 
     if($(x).find(".name").text() > $(y).find(".name").text()) 
      return 1; 
     else if($(x).find(".name").text() < $(y).find(".name").text()) 
      return -1; 
     else 
      return 0; 
    }); 
    $(".resorts-container").empty().append($(resorts)); 
} 

和你包你所有的sections<div class='resorts-container'></div>

以下fiddle按字母順序排序它們只要按一下按鈕

+0

我將如何重組這個,以便它適合已寫入的代碼iv – Hasan