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


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章