jquery实现列表上下移动功能

废话少说，我们开始进入主题。今天我们实现的是一个列表页面上移、下移功能。如图：

当勾选列表中的列时，点击上移或者下移，会动态上移或者下移html。代码如下：

差异输入类型=' button ' onclick=' up()；'值='上移输入类型=' button ' onclick=' down()；'值='下移/div表格宽度='400px '高度='200 '类='mytable '单元格填充='5 '单元格间距='0' tr td序号运输署/运输署名字运输署/运输署性别/TD/tr TD输入类型='复选框' id=' C1 '/1/TD TD小一运输署/运输署男/TD/tr TD输入类型='复选框' id=' C2 '/2/TD TD小二运输署/运输署女/TD/tr TD输入类型='复选框' id=' C3 '/3/TD TD小三运输署/运输署女TD/b/tr/表格lt；/div我们定义一个钢性铸铁样式叫做我的桌子。我的桌子，td .我的表{ font-size :12 pxcolor:redborder:1px固体# 000;文本对齐：居中；边框塌陷：} 然后实现向上(),向下()方法既可，代码如下：

$.每个($(“表格输入3360已检查”)，函数(){ var onthis=$(this).父项()。parent()；var Getup=onthis。prev()；if ($(getUp).have(' input ').size()==0) { alert('顶级元素不能上移');返回；} $(月).之后(Getup)；});}函数down(){ $ .每个($(“表格输入3360已检查”)，函数(){ var onthis=$(this).父项()。parent()；var get down=onthis。next()；$(getdown).之后（一个月);});} 利用jquery提供的函数，实现很简单，当然如果想实现多列同时上移下移，只需要加一个循环既可，核心代码就是上边的。

以上就是本文的全部内容，希望对大家学习jquery程序设计有所帮助。