JS获取tabel每行td中的input元素的值

  1. <tbody id="history_income_list">  
  2. <tr>  
  3. <td align="center"><input type="text" class="input-s input-w input-hs"></td>  
  4. <td align="center"><input type="text" class="input-s input-w input-hs"></td>  
  5.  5 <td align="center"><input type="text" class="input-s input-w input-hs"></td>  
  6.  <td align="center"><a class="" onclick="history_income_del(this);" href="###">删除</a></td>  
  7.  </tr>  
  8.  <tr>  
  9. <td align="center"><input type="text" class="input-s input-w input-hs"></td>  
  10.  <td align="center"><input type="text" class="input-s input-w input-hs"></td>  
  11.  <td align="center"><input type="text" class="input-s input-w input-hs"></td>  
  12.  <td align="center"><a class="" href="###">删除</a></td>  
  13.  </tr>  
  14.  <tr>  
  15.  <td align="center"><input type="text" class="input-s input-w input-hs"></td>  
  16. <td align="center"><input type="text" class="input-s input-w input-hs"></td>  
  17.  <td align="center"><input type="text" class="input-s input-w input-hs"></td>  
  18. <td align="center"><a class="" href="###">删除</a></td>  
  19. </tr>  
  20. </tbody> 
方法一:
  1. var trList = $("#history_income_list").children("tr")  
  2.     for (var i=0;i<trList.length;i++) {  
  3.         var tdArr = trList.eq(i).find("td");  
  4.         var history_income_type = tdArr.eq(0).find("input").val();//收入类别  
  5.         var history_income_money = tdArr.eq(1).find("input").val();//收入金额  
  6.         var history_income_remark = tdArr.eq(2).find("input").val();//    备注  
  7.           
  8.         alert(history_income_type);  
  9.         alert(history_income_money);  
  10.         alert(history_income_remark);  
  11.     } 
  12. 方法二:
    1. $("#history_income_list").find("tr").each(function(){  
    2.         var tdArr = $(this).children();  
    3.         var history_income_type = tdArr.eq(0).find("input").val();//收入类别  
    4.         var history_income_money = tdArr.eq(1).find("input").val();//收入金额  
    5.         var history_income_remark = tdArr.eq(2).find("input").val();//    备注  
    6.           
    7.         alert(history_income_type);  
    8.         alert(history_income_money);  
    9.         alert(history_income_remark);  
    10.           
    11.           
    12.     });  


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值