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 相关文章推荐
node.js+jQuery实现用户登录注册AJAX交互
Apr 28 jQuery
jquery点赞功能实现代码 点个赞吧!
May 29 jQuery
jQuery动态追加页面数据以及事件委托详解
May 06 jQuery
JQuery 封装 Ajax 常用方法(推荐)
May 21 jQuery
jQuery图片缩放插件smartZoom使用实例详解
Aug 25 jQuery
jQuery基于cookie实现换肤功能实例
Oct 14 jQuery
jquery实现点击a链接,跳转之后,该a链接处显示背景色的方法
Jan 18 jQuery
jquery实现的分页显示功能示例
Aug 23 jQuery
JQuery使用属性addClass、removeClass和toggleClass实现增加和删除类操作示例
Nov 18 jQuery
jQuery+Ajax+js实现请求json格式数据并渲染到html页面操作示例
Jun 02 jQuery
JQuery Ajax如何实现注册检测用户名
Sep 25 jQuery
jQuery实现影院选座订座效果
Apr 13 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
解析php中memcache的应用
2013/06/18 PHP
php利用cookie实现自动登录的方法
2014/12/10 PHP
CodeIgniter针对lighttpd服务器URL重写的方法
2015/06/10 PHP
PHP中static关键字以及与self关键字的区别
2015/07/01 PHP
php通过前序遍历树实现无需递归的无限极分类
2015/07/10 PHP
PHP实现可自定义样式的分页类
2016/03/29 PHP
Laravel中七个非常有用但很少人知道的Carbon方法
2017/09/21 PHP
javascript动画效果类封装代码
2007/08/28 Javascript
Package.js  现代化的JavaScript项目make工具
2012/05/23 Javascript
JavaScript实现简单的时钟实例代码
2013/11/23 Javascript
js的hasownproperty使用示例
2014/03/02 Javascript
javascript实现炫酷的拖动分页
2015/05/11 Javascript
angularjs学习笔记之三大模块(modal,controller,view)
2015/09/26 Javascript
jQuery移动web开发中的页面初始化与加载事件
2015/12/03 Javascript
整理JavaScript对DOM中各种类型的元素的常用操作
2016/05/05 Javascript
详解Vue 开发模式下跨域问题
2017/06/06 Javascript
详解如何在vue中使用sass
2017/06/21 Javascript
JavaScript中join()、splice()、slice()和split()函数用法示例
2018/08/24 Javascript
vue权限管理系统的实现代码
2019/01/17 Javascript
在微信小程序中保存网络图片
2019/02/12 Javascript
JS常见内存泄漏及解决方案解析
2020/05/30 Javascript
Python如何实现MySQL实例初始化详解
2017/11/06 Python
PyQt5实现暗黑风格的计时器
2019/07/29 Python
pymysql模块的使用(增删改查)详解
2019/09/09 Python
HTML5实现视频直播功能思路详解
2017/11/16 HTML / CSS
关于HTML5的22个初级技巧(图文教程)
2012/06/21 HTML / CSS
一些Unix笔试题和面试题
2013/01/22 面试题
四下基层实施方案
2014/03/28 职场文书
美容院经理岗位职责
2014/04/03 职场文书
数字化校园建设方案
2014/05/03 职场文书
幼儿教师师德师风演讲稿
2014/08/22 职场文书
教师个人教学总结
2015/02/11 职场文书
优质护理心得体会
2016/01/22 职场文书
Python 机器学习工具包SKlearn的安装与使用
2021/05/14 Python
浅析CSS在DevTools 中架构演变
2021/10/05 HTML / CSS
浅谈Python中对象是如何被调用的
2022/04/06 Python