jQuery中table数据的值拷贝和拆分

在开发的过程中，经常会遇到弹出框显示前一页table列表的情况，这时候会有好多方法来来解决，有的人可能会说重新查一遍数据显示，有的人会说直接用js将值拷贝过去，然后再修改，不过现在就介绍怎么用jquery将值拷贝到第二页并拆分拷贝的值。

       母页显示数据格式如下：

 
      发货情况
      

 
发货批次
 
商品
 
发货数量
 
剩余数量
 
收货数量
 
收货状态
 
操作
      
      
   
   

  

     <%----%>
     
     

 

   

     

     

     

     

     

     

     

   
 
 

 

     
${outer.index+1}
     

  
    
      
 ${deliverGoodsDetaiList.goodsName}
      
      
 ${deliverGoodsDetaiList.goodsName}
      
    
  

${deliverGoodsDetaiList.deliveryNum}
${deliverGoodsDetaiList.overplusNum}
${deliverGoodsDetaiList.takeDeliveryNum}

  
    待发货
  
  
    待确认收货
  
  
    已收货
  
  
    退货
  
  

     
查看备注
 
 
 
${deliverGoodsList.logisticsRemark}
 

  
   
  

     
${deliverGoodsDetaiList.goodsId}
   
 
 
 

     

暂无发货信息
     
     
 
      
    
    

如下是弹出框显示页：

    
      确认收货数量
      
 
 
 
 
      
    
    
      
 
   <%----%>
   <%----%>
   

   

   

     
发货批次
     
商品
     
发货数量
     
剩余
     
收货数量
   
   
   

   

     
请仔细核对收货数量后确认
   
 
      
      
 确定
 取消
      
    
  
  

如下为jquery代码显示：

 function showDeliver(deliverId){
      var delitems= $("#table1 tr[flag='"+deliverId+"']").clone();
      $(delitems).each(function(index){
 if(index==0){
   $($(this).find("td")[6]).remove();
   $($(this).find("td")[5]).remove();
   var deliverNum = $($(this).find("td")[2]).text(); 
   var inputHTML=""
   $($(this).find("td")[4]).empty();
   $($(this).find("td")[4]).append(inputHTML);
 }else{
   var deliverNum= $($(this).find("td")[1]).text();
   var inputHTML=""
   $($(this).find("td")[3]).empty();
   $($(this).find("td")[3]).append(inputHTML);
 }
      });
      $("#messageBoxWin table tbody").empty();
      $("#messageBoxWin table tbody").append(delitems);
      deliverGoodsId=deliverId;
    }

      以上通过拷贝来实现数据的拷贝并将数据拆分成想要的结果。希望对大家有所帮助，如果大家有任何疑问欢迎给留言，小编会及时回复大家的！