jquery对table里的元素进行编辑,并且获取table表格里td元素值

<table id="mytable" width="80%">
          <tbody><tr id="showItems">
	         <td>商品名称</td> 
		     <td>规格型号</td> 
		     <td>单位</td> 
		     <td>税率</td> 
		     <td>数量</td> 
		     <td>单价</td>
		     <td>操作</td>  
          </tr><tr><td>国家军用标准编辑器(预售)</td><td></td><td>套</td><td>0.1</td><td>1</td><td>2000</td><td><input type="button" onclick="editOrderItem(this)" value="编辑"></td></tr>
        </tbody></table>
/**
 * 通过点击事件将当前td变成输入框,并且可以进行编辑
 * @param obj
 */
function editOrderItem(obj){
	var btn=$(obj).val();
	if(btn=='编辑'){
		$(obj).prop('value',"保存");
		var len=$(obj).parent().siblings().length;
		for(var i=0;i<len;i++){
			$(obj).parent().siblings().eq(i).html("<input type='text' value='"+$(obj).parent().siblings().eq(i).text()+"'>");
		}
	}else{
		$(obj).prop('value',"编辑");
		var tdInput=$(obj).parent().siblings().find("input");
		for(var i=0;i<tdInput.length;i++){
			$(obj).parent().siblings().eq(i).html($(tdInput[i]).val());
		}
	}
}
/**
 * 获取table表格里每行td元素里的值
 */
function getTable(){
	 var orderItemArray=new Array();
	 var orderItem={};
	 $('#mytable tr').each(function(i){  
	    if(i!=0){
	    $(this).children('td').each(function(j){
	      switch (j) {
			case 1:
				orderItem.proName=$(this).text();
				break;
			case 2:
				orderItem.proModel=$(this).text();
				break;
			case 3:
				orderItem.unit=$(this).text();
				break;
			case 4:
				orderItem.taxRate=$(this).text();
				break;
			case 5:
				orderItem.goodsNumber=$(this).text();
				break;
			case 6:
				orderItem.marketPrice=$(this).text();
				break;
			}
	     });
	        orderItemArray.push(orderItem);
	     }
	    });
	 //可以将数组对象转换成json字符串
	 //JSON.stringify(orderItemArray);
	 return orderItemArray;
}

 

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值