[转]jquery遍历table的tr获取td的值 - CQ_LQJ
程序员文章站
2022-04-26 22:10:36
...
html代码:
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 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>
21
方法一:
var trList = $("#history_income_list").children("tr")
for (var i=0;i) {
var tdArr = trList.eq(i).find("td");
var history_income_type = tdArr.eq(0).find("input").val();//收入类别
var history_income_money = tdArr.eq(1).find("input").val();//收入金额
var history_income_remark = tdArr.eq(2).find("input").val();// 备注
alert(history_income_type);
alert(history_income_money);
alert(history_income_remark);
}
方法二:
$("#history_income_list").find("tr").each(function(){
var tdArr = $(this).children();
var history_income_type = tdArr.eq(0).find("input").val();//收入类别
var history_income_money = tdArr.eq(1).find("input").val();//收入金额
var history_income_remark = tdArr.eq(2).find("input").val();// 备注
alert(history_income_type);
alert(history_income_money);
alert(history_income_remark);
});
上一篇: CSS中基本布局与格式位置介绍
下一篇: php 引用 & 使用教程