会python真的可以为所欲为0(回)
394天前
这里还有人吗1(回)
579天前这里还有人吗0(回)
579天前
每天面对着电脑屏幕，敲打键盘。我所面对的并不只是代码，而是一种生活方式。0(回)
804天前到处都是羊，不想上班0(回)
884天前
鸽子
0(回)
888天前<!DOCTYPE html> |
<html> |
<head> |
<meta charset="utf-8"> |
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> |
<title>Examples</title> |
<meta name="description" content=""> |
<meta name="keywords" content=""> |
<link href="" rel="stylesheet"> |
<script type="text/javascript" src="../js/jquery-1.11.3.min.js"></script> |
</head> |
<body> |
<span class="paixu" mode="0" style="display:inline-block;padding:5px 10px;cursor: pointer;background:red;color:#fff;">排序</span> |
<ul id="list"> |
<li><span>数值是：</span><span class="orderid">108</span>我是第108个</li> |
<li><span>数值是：</span><span class="orderid">101</span>我是第101个</li> |
<li><span>数值是：</span><span class="orderid">17</span>我是第17个</li> |
<li><span>数值是：</span><span class="orderid">253</span>我是第253个</li> |
<li><span>数值是：</span><span class="orderid">5</span>我是第5个</li> |
</ul> |
<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.4.min.js"></script> |
<script type="text/javascript"> |
$(function() { |
//1即DESC从大到小，0即ASC从小到大 |
$(".paixu").click(function() { |
var orderIdArray = []; |
var idIndex = []; |
var mode = $(this).attr("mode"); |
var orderid = $(".orderid"); |
|
orderid.each(function(i) { |
var id = parseInt($(this).html()); |
idIndex[id] = i; //orderid的序号 |
orderIdArray.push(id); //orderid的值 |
}); |
|
if(mode == 1) |
{ |
$(this).attr("mode", 0); |
$(this).html("从大到小排序"); |
orderIdArray = orderIdArray.sort(function(a, b){return (a < b) ? 1 : -1}); //从大到小排序 |
} |
else if(mode == 0) |
{ |
$(this).attr("mode", 1); |
$(this).html("从小到大排序"); |
orderIdArray = orderIdArray.sort(function(a, b){return (a > b) ? 1 : -1}); //从小到大排序 |
} |
|
//alert(orderIdArray+", "+idIndex); |
|
var list = $("#list").find("li"); |
var _length = orderIdArray.length; |
|
for (var i=0; i<_length; i++) |
{ |
$("#list").append(list.eq(idIndex[orderIdArray[i]])); |
} |
}); |
}); |
</script> |
</body> |
</html> |
