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


Posted in Javascript onMay 19, 2016

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的值实现方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
js function定义函数的几种不错方法
Feb 27 Javascript
jQuery判断复选框是否勾选的原理及示例
May 21 Javascript
dreamweaver 8实现Jquery自动提示
Dec 04 Javascript
如何使用jquery easyui创建标签组件
Nov 18 Javascript
js+canvas简单绘制圆圈的方法
Jan 28 Javascript
Bootstrap选项卡学习笔记分享
Feb 13 Javascript
深入理解vue Render函数
Jul 19 Javascript
JavaScript分步实现一个出生日期的正则表达式
Mar 22 Javascript
node.js中TCP Socket多进程间的消息推送示例详解
Jul 10 Javascript
详解基于webpack&amp;gettext的前端多语言方案
Jan 29 Javascript
基于JS实现web端录音与播放功能
Apr 17 Javascript
vue pages 多入口项目 + chainWebpack 全局引用缩写说明
Sep 21 Javascript
jquery if条件语句的写法
May 19 #Javascript
laypage分页控件使用实例详解
May 19 #Javascript
js多功能分页组件layPage使用方法详解
May 19 #Javascript
深入理解MVC中的时间js格式化
May 19 #Javascript
Node.js+Express配置入门教程详解
May 19 #Javascript
浅析jquery数组删除指定元素的方法:grep()
May 19 #Javascript
基于jQuery的Web上传插件Uploadify使用示例
May 19 #Javascript
You might like
对squid中refresh_pattern的一些理解和建议
2009/04/17 PHP
ajax php 实现写入数据库
2009/09/02 PHP
PHP从FLV文件获取视频预览图的方法
2015/03/12 PHP
PHP实现自动对图片进行滚动显示的方法
2015/03/12 PHP
php正则preg_replace_callback函数用法实例
2015/06/01 PHP
Javascript中的数学函数
2007/04/04 Javascript
JQuery 国际象棋棋盘 实现代码
2009/06/26 Javascript
IE8下关于querySelectorAll()的问题
2010/05/13 Javascript
JavaScript 错误处理与调试经验总结
2010/08/10 Javascript
jQuery JSON的解析方式分享
2011/04/05 Javascript
Jquery+CSS3实现一款简洁大气带滑动效果的弹出层
2013/05/15 Javascript
浅析js预加载/延迟加载
2014/09/25 Javascript
使用BootStrap实现用户登录界面UI
2016/08/10 Javascript
JavaScript第一篇之实现按钮全选、功能
2016/08/21 Javascript
微信小程序picker组件下拉框选择input输入框的实例
2017/09/20 Javascript
Vue实现点击时间获取时间段查询功能
2020/08/21 Javascript
nodejs aes 加解密实例
2018/10/10 NodeJs
微信小程序实现简单文字跑马灯
2020/05/26 Javascript
python实现发送和获取手机短信验证码
2016/01/15 Python
python实现SMTP邮件发送功能
2020/06/16 Python
解决Linux系统中python matplotlib画图的中文显示问题
2017/06/15 Python
Python实现矩阵转置的方法分析
2017/11/24 Python
从0开始的Python学习014面向对象编程(推荐)
2019/04/02 Python
python提取log文件内容并画出图表
2019/07/08 Python
python字符串的拼接方法总结
2019/11/18 Python
python如何判断IP地址合法性
2020/04/05 Python
Python Scrapy框架:通用爬虫之CrawlSpider用法简单示例
2020/04/11 Python
html5弹跳球示例代码
2013/07/23 HTML / CSS
深入浅析HTML5中的SVG
2015/11/27 HTML / CSS
路政管理专业个人自荐信范文
2013/11/30 职场文书
超级搞笑检讨书
2014/01/15 职场文书
机关党建工作汇报材料
2014/08/20 职场文书
死亡证明书样本说明
2014/10/18 职场文书
2014年财政工作总结
2014/12/10 职场文书
2015年社区反邪教工作总结
2015/10/14 职场文书
关于Python中进度条的六个实用技巧分享
2022/04/05 Python