Jquery实现上下移动和排序代码

提出问题：

下文为大家介绍下Jquery实现上下移动和排序，感兴趣的朋友可以了解一下。

解决问题

代码实现：

！DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.01 Transitional//EN ' ' http://www .w3。org/TR/HTML 4/松散。DTD ' HTML头元http-equiv=' Content-Type ' Content=' text/HTML；charset=UTF-8 '标题在此插入标题/标题/标题脚本类型=' text/JAVAScript ' src=' http : jquery-2。0 .0 .js /脚本！-脚本类型=' text/JavaScript ' src=' http : resource _ demo。js /脚本脚本类型=' text/JAVAScript ' src=' http : jquery。警报。js /脚本类型=' text/JAVAScript ' src=' http : z tree/js/jquery。z树。js /脚本脚本类型=' text/JavaScript ' src=' http 3360 z tree/CSS蕙兰'蕙兰/TDT输入类型=' text ' name=' order num ' size=' 3 ' value=' 1 '/TDT输入类型=' button ' name=' upMove ' value='上移//TDT输入类型='按钮'名称='下移'值='下移//TD/TRT输入类型='复选框'值='建兰'建兰/TDT输入类型=' text '名称=' order num ' size=' 3 ' value=' 2 '/TDT输入类型=' button ' name=' upMove ' value='上移//TDT输入类型='按钮'名称='下移'值='下移//TD/TRT输入类型='复选框'值='寒兰'寒兰/TDT输入类型=' text ' name=' order num ' size=' 3 ' value=' 3 '/TDT输入类型=' button ' name=upMove ' value='上移//TDT输入类型='按钮'名称='下移'值='下移//TD/TRT输入类型='复选框'值='墨兰'墨兰/TDT输入类型=' text ' name=' order num ' size=' 3 ' value=' 4 '/TDT输入类型=' button ' name=' upMove ' value='上移//TDT输入类型='按钮'名称='下移'值='下移//td/tr/div脚本类型='text/javascript'//上移$('input[name='upMove']'). bind('click '，function(){ var $ this=$(this)；var curTr=$ this。父母(' tr ')；var prevTr=$this.parents('tr ').prev()；if(prevTr.length==0){ alert('第一行，想移啥？');返回；} else { prev tr。前(curTr)；排序编号()；//重新排序}});//下移$('input[name='downMove']').bind('click '，function(){ var $ this=$(this)；var curTr=$ this。父母(' tr ')；var nextTr=$this.parents('tr ').next()；if(nextTr.length==0){ alert('最后一行，想移啥？');返回；} else { nexttr。after(curTr)；排序编号()；//重新排序}});//排序$('input[name='orderNum']').bind('change '，function(){ var $ this=$(this)；//获得当前行var curTr=$ this。父母(' tr ')；var curOrderNum=$ this。val()；//当前行同级的所有行var siblingsTrs=curTr。姐弟();if(Siblingstrs。长度0){对于(Siblingstrs中的var I){ var OtherOrderNum=$(Siblingstrs[I]).儿童()。find('input[name='orderNum']').val()；if(parsent(curOrderNum)=parsent(otherOrderNum)){ $(siblingsTrs[I]).前(curTr)；排序编号()；//重新排序打破；} } } });函数排序编号(){ var allInput=$(' # checkand vercheck ').find(' input[name=' order num ']')；警报(123);if(allInput.length！=0){ for(var I=0；ialinput . lengthi){ var TempInput=all input[I]；临时输入。值=1 ^ 1；} } }/脚本/正文/html效果如下：

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。