table表格tr上下移动

<html>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<script src="jquery-1.8.3.min.js"></script>


<script type="text/javascript">	
	
	function move(_this,operation,_val) {
	    var data_tr=$(_this).parent().parent(); 
        if(operation=="MoveUp"){    
            var prevTr = $(data_tr).prev();
            if(prevTr.prev().html()==null) {
			  $(_this).hide();
            } 
            if($("#down_"+_val).is(":hidden")){  
                 $("#down_"+_val).removeAttr("style");				
            }
            
            var currentTd = $(data_tr).children('td').eq(0);
            var currentTdVal = currentTd.html();
            var prevTd = $(data_tr).prev().children('td').eq(0);
            var prevTdVal = prevTd.html();
            currentTd.html(prevTdVal);
            prevTd.html(currentTdVal);
            
			var prevTr = $(data_tr).prev();
			
            $(data_tr).insertBefore($(data_tr).prev()); 
			if($(prevTr).next().html()==null) {
			   var hrefTd = $(prevTr).children('td').eq(5);
			      $(hrefTd).children('a').eq(1).hide();	
				  $(hrefTd).children('a').eq(0).show();		   		   
			}else {
			   $(prevTr).children('td').eq(5).children('a').eq(0).show();
			}            
         }else{
            var nextTr = $(data_tr).next();
            if(nextTr.next().html()==null) {
               $(_this).hide();
            }
            if($("#up_"+_val).is(":hidden")){
                $("#up_"+_val).removeAttr("style");    
            }
           
            var currentTd = $(data_tr).children('td').eq(0);
            var currentTdVal = currentTd.html();
            var nextTd = $(data_tr).next().children('td').eq(0);
            var nextTdVal = nextTd.html();
            currentTd.html(nextTdVal);
            nextTd.html(currentTdVal);
            
			var nextTr = $(data_tr).next();			
            $(data_tr).insertAfter($(data_tr).next()); 
			
			if($(nextTr).prev().html()==null) {
			   var hrefTd = $(nextTr).children('td').eq(5);
			      $(hrefTd).children('a').eq(0).hide();	
				  $(hrefTd).children('a').eq(1).show();
			  // }			   		   
			}else {
			   $(nextTr).children('td').eq(5).children('a').eq(1).show(1);
			}
         }
	}
	
	function toUpdateHandBook(handBookId,source){
   		location.href="toUpdateHandBook.do?handBookId="+handBookId+"&source="+source;
   	}

</script>

<body bgcolor="#EBEEF7" onkeydown="checkKey(event)">

	<form name="firstCategoryDetailForm" action="orgManage.do" method="post">
		<TABLE border=0 cellSpacing=0 cellPadding=0 width="95%"
			style="padding-left: 5px; padding-right: 2px;">

			<TBODY>
				
				
				
				<TR>
					<TD>
						<TABLE class=table_1 border=0 cellSpacing=0 cellPadding=4
							align="center" width="95%">
								<TR class=fieldName align=middle>
									<TD class=td_1 height=17 width="10%" scope=col align=middle>排序</TD>
									<TD class=td_1 height=17 width="20%" scope=col align=middle>二级分类</TD>
									<TD class=td_1 height=17 width="15%" scope=col align=middle>适用平台</TD>
									<TD class=td_1 height=17 width="20%" scope=col align=middle>最新内容</TD>
									<TD class=td_1 height=17 width="15%" scope=col align=middle>最新修改时间</TD>
									<TD class=td_1 scope=col align=middle>
										
										操作
									</TD>
								</TR>
							<TBODY>
								
										<TR class=fieldContentText >
											<TD class=td_3 align="center">1</TD>
											<TD class=td_3 align="center">企业服务手册</TD>
											<TD class=td_3 align="center">APP</TD>
											<TD class=td_3 align="center">最新内容1</TD>
											<TD class=td_3 align="center"></TD>
											<TD class=td_3 align="center">
											   												    
														<a id="up_1" href="#" onclick="move(this,'MoveUp',1)">上移</a>													
											    
											    												
														<a id="down_1" href="#" onclick="move(this,'MoveDown',1)">下移</a>
											    
												<a href="#">内容管理</a>
												<a href="#">删除</a>
											</TD>
										</TR>
										
										<TR class=fieldContentText >
											<TD class=td_3 align="center">2</TD>
											<TD class=td_3 align="center">企业服务手册aa</TD>
											<TD class=td_3 align="center">APP</TD>
											<TD class=td_3 align="center">最新内容2</TD>
											<TD class=td_3 align="center"></TD>
											<TD class=td_3 align="center">
											    												    
														<a id="up_2" href="#" onclick="move(this,'MoveUp',2)">上移</a>													
											    
											   												
														<a id="down_2" href="#" onclick="move(this,'MoveDown',2)">下移</a>
											    
												<a href="#">内容管理</a>
												<a href="#">删除</a>
											</TD>
										</TR>
										<TR class=fieldContentText >
											<TD class=td_3 align="center">3</TD>
											<TD class=td_3 align="center">企业服务手册bb</TD>
											<TD class=td_3 align="center">APP</TD>
											<TD class=td_3 align="center">最新内容3</TD>
											<TD class=td_3 align="center"></TD>
											<TD class=td_3 align="center">
											    												    
														<a id="up_3" href="#" onclick="move(this,'MoveUp',3)">上移</a>													
											    
											   												
														<a id="down_3" href="#" onclick="move(this,'MoveDown',3)">下移</a>
											    
												<a href="#">内容管理</a>
												<a href="#">删除</a>
											</TD>
										</TR>
							</TBODY>
						</TABLE>

					</TD>
				</TR>
			</TBODY>
		</TABLE>

	</form>

</body>
table表格tr上下移动

猜你喜欢
