Home > Web Front-end > HTML Tutorial > [转]jquery遍历table的tr获取td的值_html/css_WEB-ITnose

[转]jquery遍历table的tr获取td的值_html/css_WEB-ITnose

WBOY
Release: 2016-06-24 11:18:34
Original
1043 people have browsed it

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   
Copy after login

 

方法一:

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); }
Copy after login

方法二:

$("#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); });
Copy after login

source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template