jquery遍历table的tr获取td的值实现方法
时间:2021-06-04 07:55:38|栏目:jquery|点击: 次
html代码:
<tbody id="history_income_list"> <tr> <td align="center"><input type="text" class="input-s input-w input-hs"></td> <td align="center"><input type="text" class="input-s input-w input-hs"></td> <td align="center"><input type="text" class="input-s input-w input-hs"></td> <td align="center"><a class="" onclick="history_income_del(this);" href="###">删除</a></td> </tr> <tr> <td align="center"><input type="text" class="input-s input-w input-hs"></td> <td align="center"><input type="text" class="input-s input-w input-hs"></td> <td align="center"><input type="text" class="input-s input-w input-hs"></td> <td align="center"><a class="" href="###">删除</a></td> </tr> <tr> <td align="center"><input type="text" class="input-s input-w input-hs"></td> <td align="center"><input type="text" class="input-s input-w input-hs"></td> <td align="center"><input type="text" class="input-s input-w input-hs"></td> <td align="center"><a class="" href="###">删除</a></td> </tr> </tbody>
方法一:
var trList = $("#history_income_list").children("tr") for (var i=0;i<trList.length;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); });
栏 目:jquery
下一篇:jQuery登陆判断简单实现代码
本文标题:jquery遍历table的tr获取td的值实现方法
本文地址:http://www.codeinn.net/misctech/135308.html