js实例jquery遍历table的tr获取td的值实现方法

发布时间:2018-11-22 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了js实例jquery遍历table的tr获取td的值实现方法脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
小宝典致力于为广大程序猿(媛)提供高品质的代码服务,请大家多多光顾小站,小宝典在此谢过。 @H_777_0@ 下面小编就为大家带来一篇jquery遍历table的tr获取td的值实现方法。小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

 

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遍历table的tr获取td的值实现方法。小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

 

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);             });

 


觉得可用,就经常来吧!Javascript技巧 脚本宝典 欢迎评论哦! js技巧,巧夺天工,精雕玉琢。小宝典献丑了!

脚本宝典总结

以上是脚本宝典为你收集整理的js实例jquery遍历table的tr获取td的值实现方法全部内容,希望文章能够帮你解决js实例jquery遍历table的tr获取td的值实现方法所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。