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;
    }

大家学会了吗？赶紧动手尝试一下吧，觉得有用的也可以收藏起来哦。

来福FM

来福 - 你的私人AI电台

下载

相关推荐;

如何实现数组和对象的深浅拷贝

在jquery中实现深拷贝与浅拷贝

JavaScript浅拷贝与深拷贝的区别