用jq 做了一个排序

<ul id="cont">
    <li data="5">5</li>
    <li data="1">1</li>
    <li data="2">2</li>
    <li data="2">2</li>
    <li data="1">1</li>
    <li data="4">4</li>
    <li data="3">3</li>

</ul>

css

*{ padding:0 ; margin:0;}
ul,li { list-style:none;}
#cont { 900px; margin:0 auto;}
li { display:block; height:40px; pointer-events: none; line-height:40px; text-indent:30px; }
#cont li:nth-child(2n){ background-color:#f4f4f4;}

js

$(document).ready(function(e) {
    
   var lengt =  $("#cont li").length;
  
    var i =0  , j , k ;
    for( ;i<lengt;i++){
        for(j=0;j<lengt;j++){
            
            if( $("#cont li").eq(i).attr("data")>$("#cont li").eq(j).attr("data")){
                 
                $("#cont").append($("#cont li").eq(i));
                }
            }
        
        }
    
});