本文实例讲述了jQuery基于排序功能实现上移、下移的方法。分享给大家供大家参考，具体如下：

效果

思路，

跟相邻元素，互换排序。

前提是每一个元素都有自己的分类值，不为零。

tr id=' { sh : $ VO。id }“TD span onclick=”up(this)；”glyphicon glyphicon-箭头-向上文本-危险向上' style='光标：指针；'标题='上移aria-hidden=' true '/span span onclick=' down(this)；class=' glyphicon glyphicon-arrow-down text-danger down ' style=' cursor : pointer；'标题='下移aria-hidden=' true '/span/TD TD TD span title=' { sh : $ VO。user _ id } ' { sh : $ VO。store _ name }/span/TD TD class=' center ' a href=' { sh : $ VO。logo } ' target=' _ blank ' img src=' http : { sh : $ VO。logo } ' width=' 30px/TD TD class=' center ' { sh : $ VO。category _ name }/TD TD class=' center edit ' a val=' { sh : $ VO。store _ id } ' onclick=' view(this)；' view BTN BTN-success ' href=' JavaScript : void(0)；'标题='查看' i class='半身人-图标白色放大/i /a /td/tr点击，触发起来方法向下方法。

获取当前身份证。

通过jQuery，获取相邻的元素。

//上移向上函数{ var $tr=$(obj).父母(' tr ')；if ($tr.index()！=0){ var current _ id=$ tr。attr(' id ')；var exchange_id=$tr.prev('tr ').attr(' id ')；$.Ajax({ URL : " { sh 3360: u(' Mall/Ajax '，' todo=exchange_sort')} ')，type: 'POST '，data : ' current _ id=' current _ id ' exchange _ id=' exchange _ id，success 3360 function(JSON){ if(JSON==1){ $ tr。淡出().fadeIn()；$tr.prev().前($ tr)；layer.msg('上移成功，{ icon : 1 })；} else { layer.msg('上移失败，{ icon : 2 })；} } });}}//下移向下函数{ var len=$(' .向下")。长度；var $tr=$(obj).父母(' tr ')；if ($tr.index()！=len-1){ var current _ id=$ tr。attr(' id ')；var exchange_id=$tr.next('tr ').attr(' id ')；$.Ajax({ URL : " { sh 3360: u(' Mall/Ajax '，' todo=exchange_sort')} ')，type: 'POST '，data : ' current _ id=' current _ id ' exchange _ id=' exchange _ id，success 3360 function(JSON){ if(JSON==1){ $ tr。淡出().fadeIn()；$tr.next().after($ tr)；layer.msg('下移成功，{ icon : 1 })；} else { layer.msg('下移失败，{ icon : 2 })；} } });} }这里用到了几个jQuery方法，prev()，next()，before()，after()。以及效果、fadeOut()、fadeIn()。以及一些简单的逻辑判断和技巧。

服务器端编程语言(专业超文本预处理器的缩写)后台处理，

case ' exchange _ sort ' : $ mallShopModel=M(' Mall _ shop ')；$ current _ id=$ this-_ post(' current _ id '，' trim ')；$ exchange _ id=$ this-_ post(' exchange _ id '，' trim ')；$ current _ sort=$ mallShopModel-where(数组(' id '=$ exchange _ id))-GetField(' sort ')；$ exchange _ sort=$ mallShopModel-where(数组(' id '=$ current _ id))-GetField(' sort ')；$ CData[' id ']=$ current _ id；$ CData[' sort ']=$ current _ sort；$ cres=$ mallShopModel-save($ CDATA)；$ edata[' id ']=$ exchange _ id；$ edata[' sort ']=$ exchange _ sort；$ eres=$ mallShopModel-save($ edata)；if ($cres！==FALSE $eres！==FALSE){ exit(' 1 ')；} else { exit(' 2 ')；}更多关于jQuery相关内容感兴趣的读者可查看本站专题： 《jQuery排序技巧总结》 、 《jQuery操作DOM节点方法总结》 、 《jQuery扩展技巧总结》 、 《jQuery常用插件及用法总结》 、 《jQuery拖拽特效与技巧总结》 、 《jQuery表格(table)操作技巧汇总》 、 《jquery中Ajax用法总结》 、 《jQuery常见经典特效汇总》 、 《jQuery动画与特效用法总结》 及《jquery选择器用法总结》

希望本文所述对大家jQuery程序设计有所帮助。