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

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

WBOY
Freigeben: 2016-06-24 11:18:34
Original
1045 Leute haben es durchsucht

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   
Nach dem Login kopieren

 

方法一:

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); }
Nach dem Login kopieren

方法二:

$("#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); });
Nach dem Login kopieren

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage