重新排序的有序列表與jQuery

Question

我有一個列表EG

<ol> 
    <li NumVotes="3">[Alot of HTML]</li> 
    <li NumVotes="2">[Alot of HTML]</li> 
    <li NumVotes="1">[Alot of HTML]</li> 
</ol> 

最初訂購它是好的（C＃LINQ），我有一個JS過濾系統，讓你可以更改項目的顯示類型，所以我需要在過濾器更改後重新排列列表。我需要它很快，所以簡單地複製html（）並不是一個真正的選擇。

我該如何做到這一點？

我看着可排序的插件，但似乎只是讓用戶拖動LIs。

Answer 1

一個簡單的排序算法將這樣的伎倆：

var myArray = $("ol li"); 

myArray.sort(function (a, b) { 

    a = parseInt($(a).attr("NumVotes"), 10); 
    b = parseInt($(b).attr("NumVotes"), 10); 

    if(a > b) { 
     return 1; 
    } else if(a < b) { 
     return -1; 
    } else { 
     return 0; 
    } 
}); 

$("#results").append(myArray); 

這裏提琴：http://jsfiddle.net/HU5ve/

如果性能是真的在這裏的一個問題用a.getAttribute（）而不是jqueryish方式。我懷疑它會比這更好。

Answer 2

上找到如何扭轉使用jQuery有序列表教程：

$(document).ready(function() { 

    var countli = $('ol > li').size(); 
    $("ol > li").each(function(i) { 
     var attrvalue = countli - i; 
     $(this).attr("value",attrvalue); 
    }); 
}); 

從這裏摘自： http://www.designchemical.com/blog/index.php/website-coding/create-a-reverse-order-ordered-list-using-jquery/

演示： http://www.designchemical.com/lab/jquery/demo/jquery_reverse_unordered_list.htm