<html>
<head>
<title></title>
</head>
<body>
<ul id="ul1">
<li>2</li>
<li>5</li>
<li>1</li>
<li>4</li>
<li>3</li>
</ul>
</br>
<input type="button" id="SortAdd" On_click="SortAdd"/>顺序
<input type="button" id="Sortjian" On_click="Sortjian"/>倒序
</body>
</html>
编写jQuery脚本点击“顺序”按钮实现顺序排列，点击“逆序”实现逆序排列
分享
<!DOCTYPE html>
<html>
<head>
<script src="/jquery/jquery-1.11.1.min.js">
</script>
<script>
function Sortable(ul,isResverse){
var li_list=$('li',ul);
var arr=[];
for(var i=0;i<li_list.length;i++){
arr[arr.length]=li_list[i].innerHTML;
}
arr.sort();
for(i=0;i<arr.length;i++){
if(isResverse){
li_list[i].innerHTML = arr[arr.length-1-i];
}else{
li_list[i].innerHTML = arr[i];
}
}
}
function orderli(f){
ul = $('#ul1');
Sortable(ul,f)
}
</script>
</head>
<body>
<ul id="ul1"> <li>2</li> <li>5</li> <li>1</li> <li>4</li> <li>3</li></ul>
<button onclick="orderli(0)">顺序</button>
<button onclick="orderli(1)">倒序</button>
</body>
</html>
