<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>My JSP ""index.jsp"" starting page</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="../jquery/js/jquery-1.9.1.js"></script>
<script type="text/javascript">
//删除
function del(t){
$(t).parent().parent().remove();
}
//上移
function up(t){
var i=$(t).parent().parent().index();//当前行的id
if(i>1){//不是表头，也不是第一行，则可以上移
var tem0=$(t).parent().parent().html();
var tem1=$(t).parent().parent().prev().html();
$(t).parent().parent().prev().html(tem0);
$(t).parent().parent().html(tem1);
}
}
//下移
function down(t){
var l=$("#MyTB tr").length;//总行数
var i=$(t).parent().parent().index();//当前行的id
if(i<l-1){//不是最后一行，则可以下移
var tem0=$(t).parent().parent().html();
var tem1=$(t).parent().parent().next().html();
$(t).parent().parent().next().html(tem0);
$(t).parent().parent().html(tem1);
}
}
function add(t){
var tem0=$(t).parent().parent().html();
$(t).parent().parent().append("<tr>"+tem0+"</tr>");
}
</script>
</head>
<body>
<table id="MyTB">
<tr>
<td>xxxxxxxx</td>
<td>xxxxxxxx</td>
<td>xxxxxxxx</td>
<td>xxxxxxxx</td>
<td> </td>
</tr>
<tr>
<td>11111111</td>
<td>11111111</td>
<td>11111111</td>
<td>11111111</td>
<td>
<input type="button" value="上" οnclick="up(this)" />
<input type="button" value="下" οnclick="down(this)" />
<input type="button" value="删" οnclick="del(this)" />
<input type="button" value="加" οnclick="add(this)" />
</td>
</tr>
<tr>
<td>22222222</td>
<td>22222222</td>
<td>22222222</td>
<td>22222222</td>
<td>
<input type="button" value="上" οnclick="up(this)" />
<input type="button" value="下" οnclick="down(this)" />
<input type="button" value="删" οnclick="del(this)" />
<input type="button" value="加" οnclick="add(this)" />
</td>
</tr>
<tr>
<td>33333333</td>
<td>33333333</td>
<td>33333333</td>
<td>33333333</td>
<td>
<input type="button" value="上" οnclick="up(this)" />
<input type="button" value="下" οnclick="down(this)" />
<input type="button" value="删" οnclick="del(this)" />
<input type="button" value="加" οnclick="add(this)" />
</td>
</tr>
<tr>
<td>44444444</td>
<td>44444444</td>
<td>44444444</td>
<td>44444444</td>
<td>
<input type="button" value="上" οnclick="up(this)" />
<input type="button" value="下" οnclick="down(this)" />
<input type="button" value="删" οnclick="del(this)" />
<input type="button" value="加" οnclick="add(this)" />
</td>
</tr>
<tr>
<td>55555555</td>
<td>55555555</td>
<td>55555555</td>
<td>55555555</td>
<td>
<input type="button" value="上" οnclick="up(this)" />
<input type="button" value="下" οnclick="down(this)" />
<input type="button" value="删" οnclick="del(this)" />
<input type="button" value="加" οnclick="add(this)" />
</td>
</tr>
</table>
</body>
</html>
