<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>
分享到：
相关推荐
(答案见下载资源) 上机任务1 ... 在chrome的控制台中输入jQuery...为某dom元素应用某css样式可以使用jQuery中的addClass方法，例如:将id为tt的div元素应用.bt样式，可用些语句：$("#tt").addClass("color","red");
如果你想得到 jQuery对象，可以使用 $(this) 函数。 jQuery 代码: $("img").each(function(){ $(this).toggleClass("example"); }); -----------------------------------------------------------------------...
jQuery 使用 $ 符号作为 jQuery 的简介方式。 某些其他 JavaScript 库中的函数（比如 Prototype）同样使用 $ 符号。 jQuery 使用名为 noConflict() 的方法来解决该问题。 var jq=jQuery.noConflict()，帮助您使用...
<span>3室2厅1卫 100m²</span> <input type="hidden" name="val_housetype" id="housetype" value="100"> <i class="lp-icons icon-tip"></i> <li data-code="100">3室2厅1卫 100m²</li> <li data-...
实例如下： <!DOCTYPE html> <... <head>...body id=lia-body>... <div class=lia-content> ... <label><span>姓名：</span><input type=text name=fullname> <div class=result></div> </di
jquery仿淘宝的评价插件 function loading(starId){ var oStar = document.getElementById(starId); var aLi = oStar.getElementsByTagName("li"); var oUl = oStar.getElementsByTagName("ul")[0]; var oSpan ...
<li>您可以上传小于<span class="red">50MB</span>的文件</li> 资源名称： <td><input id="txt_title" name="txt_title" type="text" class="input_1" /> ...
代码片段： <li> <span>用户名：</span> <input type="text" name="" value="" placeholder="4-8位用户名" class="reg_user">... <span class="tip user_hint"></span> </li>
JQuery拿取对象的方式 $(‘#id’) ：通过元素的id $(‘tagName’) : 通过元素的标签名 $(‘tagName tagName’) : 通过元素的标签名,eg: $(‘ul li’) $(‘tagName#id): 通过元素的id和标签名 $(‘:checkbox’):拿取...
tips[29] = '风险管理对网站非常重要，那些可以预测的闪失往往会造成毁灭性的打击，以史为鉴。'; tips[30] = '别总是强迫他们按照你的思维进行访问，设置“取消”功能往往能够更赢得他们的好感，给用户退路等于给...
<li><a href="search-cat-4-page-2.html" class="unselected">2</a></li> <li><a href="search-cat-4-page-3.html" class="unselected">3</a></li> <li><a href="search-cat-4-page-2.html" class="unselected">>...
<div class="oneline"><input id="nick" type="text" class="inputbox" maxlength="20" value='' /><span style="color:red;"></span> <div class="clear"></div> （昵称将在CSDN全站显示，...
<li><span class="my-handle">::</span> list item text two ``` ```css .my-handle { cursor: move; cursor: -webkit-grabbing; } ``` --- #### `filter` option ```js Sortable.create(list, { filter...
cursor:default}.bdsug li.bdsug-s{background:#ebebeb}.bdsug-store span,.bdsug-store b{color:#7a77c8}.bdsug-store-del{font-size:12px;color:#666;text-decoration:underline;position:absolute;right:8px;top:...
-MenuButton, LinkButton, Button, LinkButtonField的ConfirmTarget属性由字符串变为枚举类型，可以取三个枚举值Self, Parent, Top。 -Confirm.GetShowReference的最后一个参数target变为枚举类型。 -Alert....
-MenuButton, LinkButton, Button, LinkButtonField的ConfirmTarget属性由字符串变为枚举类型，可以取三个枚举值Self, Parent, Top。 -Confirm.GetShowReference的最后一个参数target变为枚举类型。 -Alert....