Maison > interface Web > tutoriel HTML > [转]jquery遍历table的tr获取td的值_html/css_WEB-ITnose

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

WBOY
Libérer: 2016-06-24 11:18:34
original
1043 Les gens l'ont consulté

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   
Copier après la connexion

 

方法一:

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); }
Copier après la connexion

方法二:

$("#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); });
Copier après la connexion

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal