首页 >web前端 >js教程 >jquery实现tr元素的上下移动示例代码_jquery

jquery实现tr元素的上下移动示例代码_jquery

WBOY
WBOY原创
2016-05-16 17:07:581138浏览
复制代码代码如下:


<头>
<标题>

表格{背景:#949494;宽度:400px;行高:20px;}
td { 右边框:1px 纯灰色;底部边框:1px 纯灰色; }

<脚本 src="jquery.js" type="text/javascript">
<脚本类型=“text/javascript”>
function up(obj) {
var objParentTR = $(obj).parent().parent();
var prevTR = objParentTR.prev();
if (prevTR.length > 0) {
prevTR.insertAfter(objParentTR);
}
}
function down(obj) {
var objParentTR = $(obj).parent().parent();
var nextTR = objParentTR.next();
if (nextTR.length > 0) {
nextTR.insertBefore(objParentTR);
}
}


<身体>

11213下移
22223下移
33233下移
44243下移
55253下移



声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn