<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 { width: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)); } } } });
原文:http://www.cnblogs.com/xiaotian747/p/3670255.html