好资源导航 » 文章资讯 » jQuery中table数据的值拷贝和拆分

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

2024-02-27 08:35:04 47

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

母页显示数据格式如下：


发货情况

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


















${outer.index+1}





${deliverGoodsDetaiList.goodsName}


${deliverGoodsDetaiList.goodsName}

${deliverGoodsDetaiList.deliveryNum} ${deliverGoodsDetaiList.overplusNum} ${deliverGoodsDetaiList.takeDeliveryNum} 待发货待确认收货已收货退货查看备注

${deliverGoodsList.logisticsRemark}

<%--${deliverGoodsDetaiList.goodsId}--%> 暂无发货信息

如下是弹出框显示页：



确认收货数量

发货批次商品发货数量剩余收货数量请仔细核对收货数量后确认 <%----%> <%----%>

确定取消

如下为jquery代码显示：

functionshowDeliver(deliverId){
vardelitems=$("#table1tr[flag='"+deliverId+"']").clone();
$(delitems).each(function(index){
if(index==0){
$($(this).find("td")[6]).remove();
$($(this).find("td")[5]).remove();
vardeliverNum=$($(this).find("td")[2]).text();
varinputHTML=""
$($(this).find("td")[4]).empty();
$($(this).find("td")[4]).append(inputHTML);
}else{
vardeliverNum=$($(this).find("td")[1]).text();
varinputHTML=""
$($(this).find("td")[3]).empty();
$($(this).find("td")[3]).append(inputHTML);
}
});
$("#messageBoxWintabletbody").empty();
$("#messageBoxWintabletbody").append(delitems);
deliverGoodsId=deliverId;
}

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

返回顶部
514930285
czq8825@qq.com

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

发货情况

${deliverGoodsDetaiList.goodsName}

${deliverGoodsDetaiList.goodsName}

确认收货数量

热门推荐

随机推荐