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 EasyUI 组件加上“清除”功能实例详解
Apr 11 jQuery
jQuery扩展_动力节点Java学院整理
Jul 05 jQuery
jQuery EasyUI结合zTree树形结构制作web页面
Sep 01 jQuery
jQuery实现的页面遮罩层功能示例【测试可用】
Oct 14 jQuery
jQuery中的类名选择器(.class)用法简单示例
May 14 jQuery
详解jQuery-each()方法
Mar 13 jQuery
使用jQuery如何写一个含验证码的登录界面
May 13 jQuery
JQuery样式与属性设置方法分析
Dec 07 jQuery
用jQuery实现抽奖程序
Apr 12 jQuery
jQuery 隐藏/显示效果函数用法实例分析
May 20 jQuery
jQuery编写QQ简易聊天框
Aug 27 jQuery
jQuery列表动态增加和删除的实现方法
Nov 05 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 求质素(素数) 的实现代码
2011/04/12 PHP
destoon实现资讯信息前面调用它所属分类的方法
2014/07/15 PHP
php实现获取及设置用户访问页面语言类
2014/09/24 PHP
thinkphp浏览历史功能实现方法
2014/10/29 PHP
PHP 生成N个不重复的随机数
2015/01/21 PHP
PHP中文字符串截断无乱码解决方法
2016/10/10 PHP
php使用自带dom扩展进行元素匹配的原理解析
2020/05/29 PHP
Js+Flash实现访问剪切板操作
2012/11/20 Javascript
判断iframe里的页面是否加载完成
2014/06/06 Javascript
node.js中的fs.writeFile方法使用说明
2014/12/14 Javascript
javascript动态创建表格及添加数据实例详解
2015/05/13 Javascript
详解AngularJS实现表单验证
2015/12/10 Javascript
jQuery 3 中的新增功能汇总介绍
2016/06/12 Javascript
JS锚点的设置与使用方法
2016/09/05 Javascript
js实现固定宽高滑动轮播图效果
2017/01/13 Javascript
jQuery Ajax前后端使用JSON进行交互示例
2017/03/17 Javascript
JavaScript实现的搜索及高亮显示功能示例
2017/08/14 Javascript
详解vue-cli之webpack3构建全面提速优化
2017/12/25 Javascript
vue+iview+less+echarts实战项目总结
2018/02/22 Javascript
Flutter部件内部状态管理小结之实现Vue的v-model功能
2019/06/11 Javascript
初试vue-cli使用HBuilderx打包app的坑
2019/07/17 Javascript
Vue中遍历数组的新方法实例详解
2019/07/21 Javascript
JavaScript数组类型Array相关的属性与方法详解
2020/09/08 Javascript
python下如何查询CS反恐精英的服务器信息
2017/01/17 Python
Python实现基于多线程、多用户的FTP服务器与客户端功能完整实例
2017/08/18 Python
Python实现的服务器示例小结【单进程、多进程、多线程、非阻塞式】
2019/05/23 Python
python实现接口并发测试脚本
2019/06/25 Python
django 通过url实现简单的权限控制的例子
2019/08/16 Python
详解Python可视化神器Yellowbrick使用
2019/11/11 Python
Python函数参数分类原理详解
2020/05/28 Python
Bed Bath & Beyond加拿大官网:购买床上用品、浴巾、厨房电器等
2019/10/04 全球购物
台湾7-ELEVEN线上购物中心:7-11
2021/01/21 全球购物
C语言面试题
2013/05/19 面试题
别名指示符是什么
2012/10/08 面试题
领导班子群众路线与四风问题对照检查材料思想汇报
2014/10/11 职场文书
拒绝盗图!教你怎么用python给图片加水印
2021/06/04 Python