首页 > 其他 > 详细

用jq 做了一个排序

时间:2014-04-17 16:13:35      阅读:704      评论:0      收藏:0      [点我收藏+]
bubuko.com,布布扣
<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>
bubuko.com,布布扣

css

bubuko.com,布布扣
*{ 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;}
bubuko.com,布布扣

js

bubuko.com,布布扣
$(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));
                }
            }
        
        }
    
});
bubuko.com,布布扣

 

用jq 做了一个排序,布布扣,bubuko.com

用jq 做了一个排序

原文:http://www.cnblogs.com/xiaotian747/p/3670255.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!