根据span value的值,排序li,可以使用jQuery

<html>
<head>
<title> 根据span value的值,排序li </title>
<script type="text/javascript">
//冒泡排序,效率有点低
function sortList(){
 var list=document.getElementById("oList");
 var lis=list.childNodes;
 for(var i=0,imax=lis.length-1; i<imax; i++){
  for(var j=0; j<imax-i; j++){
   if(parseInt(lis[j].childNodes[0].value)>
     parseInt(lis[j+1].childNodes[0].value))
    lis[j].swapNode(lis[j+1]);//交换元素
  }
 }
}
</script>
</head>

<body>
<ul id="oList">
 <li><span value="3">三</span></li>
 <li><span value="8">八</span></li>
 <li><span value="2">二</span></li>
 <li><span value="5">五</span></li>
 <li><span value="7">七</span></li>
 <li><span value="9">九</span></li>
 <li><span value="4">四</span></li>
 <li><span value="6">六</span></li>
 <li><span value="1">一</span></li>
 <li><span value="10">十</span></li>
</ul>
<INPUT TYPE = button VALUE = "Swap List" onclick = "sortList()">
</body>
</html>

你可能感兴趣的:(JavaScript,html,jquery,J#)