jquery 行交换 上移 下移
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>表格数据上下行互换位置</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function () {
//上移
$("input.upbtn").each(function () {
$(this).click(function () {
var $tr = $(this).parents("tr");
if ($tr.index() != 0) {
$tr.prev().before($tr);
}
});
});
//下移
var trLength = $("input.downbtn").length;
$("input.downbtn").each(function () {
$(this).click(function () {
var $tr = $(this).parents("tr");
if ($tr.index() != trLength - 1) {
$tr.next().after($tr);
}
});
});
});
</script>
</head>
<body>
<table border="1" cellpadding=0 cellspacing=0>
<tr>
<td>4</td>
<td>xxx44xxxx</td>
<td>2013-5-24</td>
<td><input type="button" value="上移" class="upbtn" /><input type="button" value="下移" class="downbtn" /></td>
</tr>
<tr>
<td>5</td>
<td>xxxx55xxx</td>
<td>2013-5-25</td>
<td><input type="button" value="上移" class="upbtn" /><input type="button" value="下移" class="downbtn" /></td>
</tr>
<tr>
<td>6</td>
<td>xxxx66xxx</td>
<td>2013-5-26</td>
<td><input type="button" value="上移" class="upbtn" /><input type="button" value="下移" class="downbtn" /></td>
</tr>
<tr>
<td>7</td>
<td>xxxx77xxx</td>
<td>2013-5-27</td>
<td><input type="button" value="上移" class="upbtn" /><input type="button" value="下移" class="downbtn" /></td>
</tr>
<tr>
<td>8</td>
<td>xxx88xxxx</td>
<td>2013-5-28</td>
<td><input type="button" value="上移" class="upbtn" /><input type="button" value="下移" class="downbtn" /></td>
</tr>
</table>
</body>
</html>
最新文章
- NIO与AIO，同步/异步，阻塞/非阻塞
- 使用spring注解@Controller @Service @Repository简化配置
- Tcp方式采集CNC兄弟设备数据
- ng-repeat 嵌套 ng-switch 出错解决
- [ javascript New Image() ] New Image() 对象讲解
- 【转】频点CTO张成：基于Cocos2d的MMORPG开发经验
- 采用subversion管理iOS资源
- ios8加入通知栏开始
- cocos2d-x3.0 解释具体的新的物理引擎setCategoryBitmask()、setContactTestBitmask()、setCollisionBitmask()
- Debug模式下程序卡
- DBMS_NETWORK_ACL_ADMIN （OCP 053 第七题）
- IOS 键盘弹出导致的position:fixed 无效问题
- BFS模板
- 高性能Java RPC框架Dubbo与zookeeper的使用
- /etc/resolv.conf服务器客户端DNS重要配置文件
- android与JS交互,互相调用方法,跳转到网页
- 号称简明实用的django上手教程
- php 的swoole 和websocket 连接wss
- 浅谈MVC和MVVM模式
- ElasticSearch的x-pack配置查询