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获取table下某一行某一列的值实现代码
Apr 07 jQuery
jquery点赞功能实现代码 点个赞吧!
May 29 jQuery
jQuery实现选中行变色效果(实例讲解)
Jul 06 jQuery
jQuery Position方法使用和兼容性
Aug 23 jQuery
jQuery发请求传输中文参数乱码问题的解决方案
May 22 jQuery
jQuery实现表单动态添加与删除数据操作示例
Jul 03 jQuery
jquery实现动态创建form并提交的方法示例
May 27 jQuery
Jquery 动态添加元素并添加点击事件实现过程解析
Oct 12 jQuery
jQuery/JS监听input输入框值变化实例
Oct 17 jQuery
jQuery Raty星级评分插件使用方法实例分析
Nov 25 jQuery
jquery实现图片无缝滚动 蒙版遮蔽效果
Jan 11 jQuery
jQuery使用jsonp实现百度搜索的示例代码
Jul 08 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加速器eAccelerator的配置参数、API详解
2014/05/05 PHP
jquery 得到当前页面高度和宽度的两个函数
2010/02/21 Javascript
JQuery自定义事件的应用 JQuery最佳实践
2010/08/01 Javascript
js解析与序列化json数据(二)序列化探讨
2013/02/01 Javascript
JS操作数据库的实例代码
2013/10/17 Javascript
js二维数组定义和初始化的三种方法总结
2014/03/03 Javascript
JS根据变量保存方法名并执行方法示例
2014/04/04 Javascript
js使用html()或text()方法获取设置p标签的显示的值
2014/08/01 Javascript
js中substr,substring,indexOf,lastIndexOf,split,replace的用法详解
2015/11/09 Javascript
基于jquery animate操作css样式属性小结
2015/11/27 Javascript
网站发布后Bootstrap框架引用woff字体无法正常显示的解决方法
2016/11/24 Javascript
基于Vue如何封装分页组件
2016/12/16 Javascript
vue实现tab切换外加样式切换方法
2018/03/16 Javascript
使用webpack3.0配置webpack-dev-server教程
2018/05/29 Javascript
基于jQuery ztree实现表格风格的树状结构
2018/08/31 jQuery
vue动画—通过钩子函数实现半场动画操作
2020/08/09 Javascript
vue 动态添加class,三个以上的条件做判断方式
2020/11/02 Javascript
[01:13:17]Secret vs NB 2018国际邀请赛小组赛BO2 第二场 8.19
2018/08/21 DOTA
python实现发送和获取手机短信验证码
2016/01/15 Python
Python时间的精准正则匹配方法分析
2017/08/17 Python
python利用正则表达式搜索单词示例代码
2017/09/24 Python
python实现泊松图像融合
2018/07/26 Python
对Python的交互模式和直接运行.py文件的区别详解
2019/06/29 Python
python安装本地whl的实例步骤
2019/10/12 Python
Python中使用filter过滤列表的一个小技巧分享
2020/05/02 Python
HTML5中的Web Notification桌面通知功能的实现方法
2019/07/29 HTML / CSS
HTML5中input输入框默认提示文字向左向右移动的示例代码
2020/09/10 HTML / CSS
IWOOT美国:新奇的小玩意
2018/04/27 全球购物
linux面试题参考答案(9)
2015/01/07 面试题
初中生物教学反思
2014/01/10 职场文书
运输服务质量承诺书
2014/03/27 职场文书
环保标语大全
2014/06/12 职场文书
三年级上册科学教学计划
2015/01/21 职场文书
三十年同学聚会致辞
2015/07/28 职场文书
情人节单身感言
2015/08/03 职场文书
详解php中流行的rpc框架
2021/05/29 PHP