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 相关文章推荐
JavaScript Array Flatten 与递归使用介绍
Oct 30 Javascript
js日期时间补零的小例子
Mar 05 Javascript
hover的用法及live的用法介绍(鼠标悬停效果)
Mar 29 Javascript
JS中 用户登录系统的解决办法
Apr 15 Javascript
js函数定时器实现定时读取系统实时连接数
Apr 30 Javascript
Javascript中的几种URL编码方法比较
Jan 23 Javascript
解决jQuery uploadify在非IE核心浏览器下无法上传
Aug 05 Javascript
url中的特殊符号有什么含义(推荐)
Jun 17 Javascript
微信小程序 动态绑定数据及动态事件处理
Mar 14 Javascript
layui前端框架之table表数据的刷新方法
Aug 17 Javascript
利用原生JS实现data方法示例代码
May 28 Javascript
layui table 获取分页 limit的方法
Sep 20 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
php max_execution_time执行时间问题
2011/07/17 PHP
PHP中获取文件扩展名的N种方法小结
2012/02/27 PHP
ThinkPHP实现一键清除缓存方法
2014/06/26 PHP
使用URL传输SESSION信息
2015/07/14 PHP
PHP页面转UTF-8中文编码乱码的解决办法
2015/10/20 PHP
CI框架封装的常用图像处理方法(缩略图,水印,旋转,上传等)
2016/11/22 PHP
php实现不通过扩展名准确判断文件类型的方法【finfo_file方法与二进制流】
2017/04/18 PHP
语义化 H1 标签
2008/01/14 Javascript
JavaScript Tips 使用DocumentFragment加快DOM渲染速度
2010/06/28 Javascript
JavaScript 设计模式 安全沙箱模式
2010/09/24 Javascript
jQuery UI的Dialog无法提交问题的解决方法
2011/01/11 Javascript
一个挺有意思的Javascript小问题说明
2011/09/26 Javascript
javascript 手动给表增加数据的小例子
2013/07/10 Javascript
toggle()隐藏问题的解决方法
2014/02/17 Javascript
Javascript基础教程之函数对象和属性
2015/01/18 Javascript
js+CSS实现模拟华丽的select控件下拉菜单效果
2015/09/01 Javascript
jQuery自定义组件(导入组件)
2016/11/08 Javascript
jQuery中map函数的两种方式
2017/04/07 jQuery
webpack教程之webpack.config.js配置文件
2017/07/05 Javascript
JS去掉字符串末尾的标点符号及删除最后一个字符的方法
2017/10/24 Javascript
vscode下的vue文件格式化问题
2018/11/28 Javascript
如何利用vue+vue-router+elementUI实现简易通讯录
2019/05/13 Javascript
Element ui 下拉多选时新增一个选择所有的选项
2019/08/21 Javascript
使用python BeautifulSoup库抓取58手机维修信息
2013/11/21 Python
Python发送form-data请求及拼接form-data内容的方法
2016/03/05 Python
利用Python小工具实现3秒钟将视频转换为音频
2019/10/29 Python
使用Python生成200个激活码的实现方法
2019/11/22 Python
python 实现目录复制的三种小结
2019/12/04 Python
使用python-pptx包批量修改ppt格式的实现
2020/02/14 Python
Python新手如何理解循环加载模块
2020/05/29 Python
HTML5 canvas基本绘图之绘制线条
2016/06/27 HTML / CSS
五年后的职业生涯规划
2014/03/04 职场文书
演讲比赛策划方案
2014/06/11 职场文书
文明家庭事迹材料
2014/12/20 职场文书
中秋节慰问信
2015/02/15 职场文书
2015入党自传书范文
2015/06/26 职场文书