按价格、字母和评级 jquery 对列表项进行排序答案

【问题标题】：sorting list items by price, alphabet and rating jquery按价格、字母和评级 jquery 对列表项进行排序
【发布时间】：2014-07-14 14:05:28
【问题描述】：

我有点卡住了，想知道是否有人可以让我开始。

我正在尝试将过滤方法应用于我的设计，并且我希望在单击“按价格排序”链接时按价格排序列表项。然后，我将尝试采用相同的方法自己完成其余的工作。提取价格的代码如下：

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

这之后我不知道该怎么办，请帮助我。

你可以找到到目前为止 iv 所做的事情here

【问题讨论】：

你能发布一个更完整的例子吗？我需要看看你的 HTML。
@oliakaoil 它已经搞定了

标签： jquery sorting jquery-ui-sortable

【解决方案1】：

这可能会给你一个想法（这不是一个好的最终解决方案）

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));
}

然后你用<div class='resorts-container'></div>包裹你所有的sections

以下fiddle 在点击某个按钮时按字母顺序对它们进行排序

【讨论】：

我将如何重组它以适应已经编写的代码