jQuery获取table下某一行某一列的值实现代码


Posted in jQuery onApril 07, 2017

jQuery获取table下某一行某一列的值实现代码

最近需要获取到某个table下每一行某一列的值,用jQuery做了一会儿,过程如下,仅供参考:

<div class="div"> 
      <table name="info"><tr><td>lily<span>okok</span></td></tr><tr><td>18</td></tr><tr style="display:none"><td>hahhha</td></tr></table> 
      <table name="info"><tr><td>tom</td></tr><tr><td>22</td></tr><tr style=""><td>hahhha2</td></tr></table> 
      <table name="info"><tr><td>kai</td></tr><tr><td>34</td></tr><tr style="display:none"><td>hahhha3</td></tr></table> 
</div>

 这个大的div下有若干个table,现在我需要获取每个table下某一行某一列的值:

<script> 
      var $tables = $(".div").find("table[name='info']"); 
      //alert($tables.prop("tagName")); //TABLE 
      var length = $tables.length; 
      //alert(length); //3 
      for(var i=0; i<length; i++) { 
        var $table = $tables.eq(i); 
        //alert($table.prop("tagName")); //TABLE 
        //eq(i)表示第i行 
        var nameTd = $table.find("tr").eq(i).children("td").eq(0); 
        //alert(nameTd.prop("tagName")); //TD 
        alert(nameTd.text()); 
      } 
       
      alert(b.indexOf(a)); 
</script>

  可依次弹出结果:lilyokok   tom kai

如果var nameTd = $table.find("tr").children("td").eq(2); 则依次弹出结果:hahhha   hahhha2  hahhha3,这说明,即使你设置隐藏,一样可以获取到值。

注:JQuery中读取dom对象的类型的语法是:$.prop("tagName");还要注意find children eq(用于遍历dom集合中元素对象)等的用法。

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

jQuery 相关文章推荐
jQuery Plupload上传插件的使用
Apr 19 jQuery
jQuery实现点击关注和取消功能
Jul 03 jQuery
jQuery层级选择器_动力节点节点Java学院整理
Jul 04 jQuery
jQuery上传插件webupload使用方法
Aug 01 jQuery
jQuery+HTML5实现WebGL高性能烟花绽放动画效果【附demo源码下载】
Aug 18 jQuery
jQuery 实现鼠标画框并对框内数据选中的实例代码
Aug 29 jQuery
jQuery 开发之EasyUI 添加数据的实例
Sep 26 jQuery
jQuery选择器选中最后一个元素,倒数第二个元素操作示例
Dec 10 jQuery
jQuery+vue.js实现的多选下拉列表功能示例
Jan 15 jQuery
简单易扩展可控性强的Jquery转盘抽奖程序
Mar 16 jQuery
Vue项目中使用jquery的简单方法
May 16 jQuery
jQuery zTree树插件的使用教程
Aug 16 jQuery
jQuery实现文章图片弹出放大效果
Apr 06 #jQuery
jQuery自定义图片上传插件实例代码
Apr 04 #jQuery
jQuery使用unlock.js插件实现滑动解锁
Apr 04 #jQuery
利用jquery正则表达式在页面验证url网址输入是否正确
Apr 04 #jQuery
jQuery中animate()的使用方法及解决$(”body“).animate({“scrollTop”:top})不被Firefox支持的问题
Apr 04 #jQuery
使用jQuery卸载全部事件的思路详解
Apr 03 #jQuery
jQuery实现分页功能(含ajax请求、后台数据、附完整demo)
Apr 03 #jQuery
You might like
rrmdir php中递归删除目录及目录下的文件
2011/05/15 PHP
关于shopex同步ucenter的redirect问题,导致script不运行
2013/04/10 PHP
yii实现创建验证码实例解析
2014/07/31 PHP
Java和PHP在Web开发方面对比分析
2015/03/01 PHP
PHP中的多种加密技术及代码示例解析
2016/10/20 PHP
关于PHP虚拟主机概念及如何选择稳定的PHP虚拟主机
2018/11/20 PHP
破除一些网站复制、右键限制
2006/11/04 Javascript
jquery 插件 人性化的消息显示
2008/01/21 Javascript
JQuery 1.3.2以上版本中出现pareseerror错误的解决方法
2011/01/11 Javascript
js 动态加载事件的几种方法总结
2013/12/25 Javascript
深入分析原生JavaScript事件
2014/12/29 Javascript
JavaScript中exec函数用法实例分析
2015/06/08 Javascript
jquery form表单获取内容以及绑定数据
2016/02/24 Javascript
js获取浏览器高度 窗口高度 元素尺寸 偏移属性的方法
2016/11/21 Javascript
JavaScript字符集编码与解码详谈
2017/02/02 Javascript
Angular2库初探
2017/03/01 Javascript
jQuery 禁止表单用户名、密码自动填充功能
2017/10/30 jQuery
11行JS代码制作二维码生成功能
2018/03/09 Javascript
微信小程序实现商品属性联动选择
2019/02/15 Javascript
vue两组件间值传递 $router.push实现方法
2019/05/15 Javascript
从表单校验看JavaScript策略模式的使用详解
2020/10/17 Javascript
[02:57]DOTA2亚洲邀请赛小组赛第四日 赛事回顾
2015/02/02 DOTA
[00:32]2018DOTA2亚洲邀请赛Secret出场
2018/04/03 DOTA
[43:36]Liquid vs Mineski 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
python自动格式化json文件的方法
2015/03/11 Python
python的schedule定时任务模块二次封装方法
2019/02/19 Python
python re库的正则表达式入门学习教程
2019/03/08 Python
pyenv虚拟环境管理python多版本和软件库的方法
2019/12/26 Python
Python tornado上传文件的功能
2020/03/26 Python
利用python实现汉诺塔游戏
2021/03/01 Python
美国家喻户晓的保健品品牌:Vitamin World(维他命世界)
2016/08/19 全球购物
Lookfantastic德国官网:英国知名美妆购物网站
2017/06/11 全球购物
职员竞岗演讲稿
2014/05/14 职场文书
Python快速优雅的批量修改Word文档样式
2021/05/20 Python
Python实现抖音热搜定时爬取功能
2022/03/16 Python
vue+elementUI实现表格列的显示与隐藏
2022/04/13 Vue.js