日期:2014-05-16  浏览次数:20341 次

jQuery排序问题(求高手)
使用jQuery给div层排序
jQuery

------解决方案--------------------

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
$("#abv").click(function(){
var ar=new Array();
$("#div div").each(function(){
ar.push($(this).attr("id").substr(3));
});
ar.sort();//从小到大
//ar.sort().reverse();//从大到小
for(var i=0;i<ar.length;i++){
$("#div").append($('#div'+ar[i]));
}
});
})
</script>
<input type="button" id="abv" value="测试用按钮"/>
<div id="div">
<div id="div2">
我是DIV2
</div>
<div id="div4">
我是DIV4
</div>
<div id="div1">
我是DIV1
</div>
<div id="div3">
我是DIV3
</div>
</div>

------解决方案--------------------
。。。你要比哪个就把哪个拿出来比呗,不要随便就拿字符串来比大小,记得取到实际的数字,再转成数字来比。
        
var div= $('.content_major').find('.box');
        var arr = Array.prototype.slice.call(div);
        arr.sort(function(v1,v2){
            var v1RMB = parseInt($(v1).find('.box_rmb span')[0].innerHTML)
            var v2RMB = parseInt($(v2).find('.box_rmb span')[0].innerHTML)
            if(v1RMB>v2RMB){
                return 1;
            }else{
                return -1;
            }
        });
        for(var i=0;i<arr.length;i++){
            $('.content_major')[0].appendChild(arr[i]);
        }
        $(this).addClass("blue");