jquery遍历表格

比如有表格如下:

<table id="table-cut-produce"><thead><tr><th>货号</th><th>尺码</th><th>productId</th><th>裁剪数</th></tr></thead><tbody id="t-produce-body"><tr><td>LTH-FR-LMYD5089_Black</td><td>US 10 / EU XXL</td><td name="product-id">63131131</td><td name="cut-num"><input text="number" id="cut-num" name="cut-num" class="form-control" value="0" required=""></td></tr><tr><td>LTH-FR-LMYD5089_Black</td><td>US 12 / EU 3XL</td><td name="product-id">63131133</td><td name="cut-num"><input text="number" id="cut-num" name="cut-num" class="form-control" value="0" required=""></td></tr><tr><td>LTH-FR-LMYD5089_Black</td><td>US 2 / EU S</td><td name="product-id">63131135</td><td name="cut-num"><input text="number" id="cut-num" name="cut-num" class="form-control" value="0" required=""></td></tr><tr><td>LTH-FR-LMYD5089_Black</td><td>US 4 / EU M</td><td name="product-id">63131137</td><td name="cut-num"><input text="number" id="cut-num" name="cut-num" class="form-control" value="0" required=""></td></tr><tr><td>LTH-FR-LMYD5089_Black</td><td>US 6 / EU L</td><td name="product-id">63131139</td><td name="cut-num"><input text="number" id="cut-num" name="cut-num" class="form-control" value="0" required=""></td></tr><tr><td>LTH-FR-LMYD5089_Black</td><td>US 8 / EU XL</td><td name="product-id">63131141</td><td name="cut-num"><input text="number" id="cut-num" name="cut-num" class="form-control" value="0" required=""></td></tr></tbody></table>

 

 

遍历代码

	    var list = [];
		    var flag=0;
		    var tr = $('#table-cut-produce').children("tbody").children('tr');
		    tr.each(function(){    
			var productId= $(this).find("[name='product-id']").html();
			var cutNum= $(this).find("[id='cut-num']").val(); 
			if(cutNum=='')
			{
				alert(productId+"裁剪数量不可为空");
				flag=1;
				return;
			}
			var json="{productId:"+productId+",cutNum:"+cutNum+"}";
		    list.push(json);
		    });

 

list可以作为一个数组传给后端

$.ajax({
		            async: false,
		            url: "updateCutNum.do",
		            data: {"list[]": list,produceNo:produceNo},
		            success: function (data) {
		            	  var v=data;
				          var code=v.code;
				          var msg=v.msg;
				          if(code==0)
				          {
				        	  alert("更新失败!");
				        	  return;
				          }else {
								$.messager.show({
									title: "更新成功",
									msg: msg,
									showType: "slide"
								});
							location.reload();
						}
		            },
		            error: function (data) {
		            }
		        });

 

  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值