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 刷新全集常用代码
Nov 22 Javascript
Javascript对象中关于setTimeout和setInterval的this介绍
Jul 21 Javascript
跨域传值即主页面与iframe之间互相传值
Dec 09 Javascript
js判断变量初始化的三种形式及推荐用的形式
Jul 22 Javascript
Vue.directive自定义指令的使用详解
Mar 10 Javascript
JavaScript注册时密码强度校验代码
Jun 30 Javascript
十个免费的web前端开发工具详细整理
Sep 18 Javascript
Thinkjs3新手入门之添加一个新的页面
Dec 06 Javascript
node.js学习笔记之koa框架和简单爬虫练习
Dec 13 Javascript
JS实现盒子拖拽效果
Feb 06 Javascript
Vue中component标签解决项目组件化操作
Sep 04 Javascript
使用javascript解析二维码的三种方式
Nov 11 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
Adodb的十个实例(清晰版)
2006/12/31 PHP
PHP 变量定义和变量替换的方法
2009/07/30 PHP
PHP 时间转换Unix时间戳代码
2010/01/22 PHP
教你如何用php实现LOL数据远程获取
2014/06/10 PHP
PHP 使用二进制保存用户状态的实例
2018/01/29 PHP
PHP数组遍历的几种常见方式总结
2019/02/15 PHP
jQuery获取css z-index在各种浏览器中的返回值
2010/09/15 Javascript
js中复制行和删除行的操作实例
2013/06/25 Javascript
从jquery的过滤器.filter()方法想到的
2013/09/29 Javascript
javascript 表格内容排序 简单操作示例代码
2014/01/03 Javascript
ES6新特性之函数的扩展实例详解
2017/04/01 Javascript
详解Angular 4.x Injector
2017/05/04 Javascript
jquery请求servlet实现ajax异步请求的示例
2017/06/03 jQuery
vue 项目接口管理的实现
2019/01/17 Javascript
Vue CLI项目 axios模块前后端交互的使用(类似ajax提交)
2019/09/01 Javascript
对layer弹出框中icon数字参数的说明介绍
2019/09/04 Javascript
JS实现打砖块游戏
2020/02/14 Javascript
JavaScript仿京东秒杀倒计时
2020/03/17 Javascript
JS sort排序详细使用方法示例解析
2020/09/27 Javascript
在Python的Django框架中编写错误提示页面
2015/07/22 Python
在Django中进行用户注册和邮箱验证的方法
2016/05/09 Python
浅谈pandas中Dataframe的查询方法([], loc, iloc, at, iat, ix)
2018/04/10 Python
python selenium自动上传有赞单号的操作方法
2018/07/05 Python
Python opencv实现人眼/人脸识别以及实时打码处理
2019/04/29 Python
完美解决keras 读取多个hdf5文件进行训练的问题
2020/07/01 Python
Python关于拓扑排序知识点讲解
2021/01/04 Python
String s = new String(“xyz”);创建了几个String Object?
2015/08/05 面试题
房屋买卖协议书
2014/04/10 职场文书
党员自我剖析材料
2014/08/31 职场文书
实习生工作证明范本
2014/09/14 职场文书
婚前协议书范本
2014/10/27 职场文书
就业意向书范本
2015/05/11 职场文书
我的兄弟姐妹观后感
2015/06/15 职场文书
Pygame如何使用精灵和碰撞检测
2021/11/17 Python
Python+DeOldify实现老照片上色功能
2022/06/21 Python
Python中的socket网络模块介绍
2022/07/23 Python