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滚动插件scrollable.js用法分析
May 25 jQuery
使用jQuery实现简单的tab框实例
Aug 22 jQuery
基于jQuery实现的单行公告活动轮播效果
Aug 23 jQuery
webpack写jquery插件的环境配置
Dec 21 jQuery
JS/jQuery实现DIV延时几秒后消失或显示的方法
Feb 12 jQuery
jQuery内容选择器与表单选择器实例分析
Jun 28 jQuery
jQuery中DOM常见操作实例小结
Aug 01 jQuery
jQuery实现checkbox全选、反选及删除等操作的方法详解
Aug 02 jQuery
jQuery设置下拉框显示与隐藏效果的方法分析
Sep 15 jQuery
jquery 遍历hash操作示例【基于ajax交互】
Oct 12 jQuery
jQuery轮播图功能制作方法详解
Dec 03 jQuery
JQuery实现折叠式菜单的详细代码
Jun 03 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 trim 去除空字符的定义与语法介绍
2010/05/31 PHP
php数组函数序列之array_values() 获取数组元素值的函数与方法
2011/10/30 PHP
PHP中的一些常用函数收集
2015/05/26 PHP
PHP模拟post提交数据方法汇总
2016/02/16 PHP
javascript html 静态页面传参数
2009/04/10 Javascript
javascript 简单抽屉效果的实现代码
2010/03/09 Javascript
基于jQuery的模仿新浪微博时间的组件
2011/10/04 Javascript
innerText 使用示例
2014/01/23 Javascript
无限树Jquery插件zTree的常用功能特性总结
2014/09/11 Javascript
使用JQuery实现智能表单验证功能
2016/03/08 Javascript
jQuery Validate让普通按钮触发表单验证的方法
2016/12/15 Javascript
nodejs 实现钉钉ISV接入的加密解密方法
2017/01/16 NodeJs
JS实现页面打印功能
2017/03/16 Javascript
微信小程序中页面FOR循环和嵌套循环
2017/06/21 Javascript
解决webpack -p压缩打包react报语法错误的方法
2017/07/03 Javascript
vue项目中的webpack-dev-sever配置方法
2017/12/14 Javascript
详解如何在Node.js的httpServer中接收前端发送的arraybuffer数据
2018/11/11 Javascript
js指定日期增加指定月份的实现方法
2018/12/19 Javascript
微信小程序-form表单提交代码实例
2019/04/29 Javascript
在vant中使用时间选择器和popup弹出层的操作
2020/11/04 Javascript
Python 类与元类的深度挖掘 I【经验】
2016/05/06 Python
python Django中models进行模糊查询的示例
2019/07/18 Python
Python 日志logging模块用法简单示例
2019/10/18 Python
python中wheel的用法整理
2020/06/15 Python
Windows环境下Python3.6.8 importError: DLLload failed:找不到指定的模块
2020/11/01 Python
基于Python采集爬取微信公众号历史数据
2020/11/27 Python
利用css3径向渐变做一张优惠券的示例
2018/03/22 HTML / CSS
CSS3 box-shadow属性实例详解
2020/06/19 HTML / CSS
大学新生军训感言
2014/02/25 职场文书
个人委托书范本
2014/04/02 职场文书
教师政风行风评议心得体会
2014/10/21 职场文书
幼儿园圣诞节活动总结
2015/05/06 职场文书
会计试用期工作总结2015
2015/05/28 职场文书
八年级物理教学反思
2016/02/19 职场文书
2016年感恩节活动总结大全
2016/04/01 职场文书
详解Html5项目适配系统深色模式方案总结
2021/04/14 HTML / CSS