<html>
<head>
<meta http-equiv= " Content-Type " content= " text/html; charset=utf-8 " />
<script src= " jquery.js " type= " text/javascript "></script>
<script type= " text/javascript " > function up(obj) { var parenttr=$(obj).parent(); // 找到该li
var zhi = parenttr.find( " input:hidden " ).val(); var zhi1 = parseFloat(zhi) - 1 ; var parentpre=parenttr.prev(); // 获得匹配元素中每个元素紧邻的前一个同胞元素
if (parentpre.length > 0 ) { parenttr.find( " input:hidden ").val(zhi1); // 赋值自己
parenttr.prev().find( " input:hidden " ).val(zhi); parentpre.insertAfter(parenttr); // 在被选元素之后插入 HTML 标记或已有的元素
}}function down(obj) { var parenttr=$(obj).parent(); // 找到该li
var zhi = $(obj).parent().find( " input:hidden " ).val(); var zhi1 = parseFloat(zhi) + 1 ; var parentpre=parenttr.next(); // 查找每个段落的下一个同胞元素
if (parentpre.length > 0 ) { parenttr.find( " input:hidden ").val(zhi1); // 赋值自己
parenttr.next().find( " input:hidden " ).val(zhi); parentpre.insertBefore(parenttr); // 被选元素之前插入 HTML 标记或已有的元素 // $.post('/Text/common.ashx', { }, function(d) {}) // 这里可以触发ajax更新数据库中的排序号
}}</script>
</head>
<body>
<ul>
<li><i> 1</i> <input type= " text " name= " name " value= " 111111111 " /><input type= " hidden " name= " sort " value= " 1 "><span οnclick= " up(this) ">上移</span> <span οnclick= " down(this) ">下移</span></li>
<li><i> 2</i> <input type= " text " name= " name " value= " 222222222 " /><input type= " hidden " name= " sort " value= " 2 "><span οnclick= " up(this) ">上移</span> <span οnclick= " down(this) ">下移</span></li>
<li><i> 3</i> <input type= " text " name= " name " value= " 333333333 " /><input type= " hidden " name= " sort " value= " 3 "><span οnclick= " up(this) ">上移</span> <span οnclick= " down(this) ">下移</span></li>
</ul>
</body>
</html>