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弹幕效果
May 06 jQuery
jQuery实现的简单在线计算器功能
May 11 jQuery
jQuery EasyUI的TreeGrid查询功能实现方法
Aug 08 jQuery
使用jquery的jsonp如何发起跨域请求及其原理详解
Aug 17 jQuery
浅谈JS和jQuery的区别
Mar 27 jQuery
jQuery轮播图功能制作方法详解
Dec 03 jQuery
js与jquery获取input输入框中的值实例讲解
Feb 27 jQuery
jquery实现轮播图特效
Apr 12 jQuery
jquery+css3实现的经典弹出层效果示例
May 16 jQuery
jQuery+css实现的点击图片放大缩小预览功能示例【图片预览 查看大图】
May 29 jQuery
jQuery实现计算器功能
Oct 19 jQuery
使用jquery实现轮播图效果
Jan 02 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显示时间常用方法小结
2015/06/05 PHP
PHP利用APC模块实现大文件上传进度条的方法
2015/10/29 PHP
yii2中结合gridview如何使用modal弹窗实例代码详解
2016/06/12 PHP
PHP空值检测函数与方法汇总
2017/11/19 PHP
Thinkphp5行为使用方法汇总
2017/12/21 PHP
node.js中的http.response.removeHeader方法使用说明
2014/12/14 Javascript
jQuery实现html元素拖拽
2015/07/21 Javascript
Js得到radiobuttonlist选中值的两种方法(推荐)
2016/08/25 Javascript
JS实现的表头列头固定页面功能示例
2017/01/10 Javascript
jQuery实现图片上传预览效果功能完整实例【测试可用】
2018/05/28 jQuery
解决Vue中引入swiper,在数据渲染的时候,发生不滑动的问题
2018/09/27 Javascript
Bootstrap fileinput 上传新文件移除时触发服务器同步删除的配置
2018/10/08 Javascript
微信小程序引入Vant组件库过程解析
2019/08/06 Javascript
基于html+css+js实现简易计算器代码实例
2020/02/28 Javascript
vue+animation实现翻页动画
2020/06/29 Javascript
Openlayers+EasyUI Tree动态实现图层控制
2020/09/28 Javascript
基于javascript原生判断DOM是否加载完毕
2020/10/14 Javascript
[42:22]DOTA2上海特级锦标赛C组小组赛#1 OG VS Archon第一局
2016/02/27 DOTA
[19:26]TNC vs EG (BO3)
2018/06/07 DOTA
[02:12]打造更好的电竞完美世界:完美盛典回顾篇
2018/12/19 DOTA
[01:12:08]LGD vs OG 2019国际邀请赛淘汰赛 胜者组 BO3 第一场 8.24
2019/09/10 DOTA
python实现在无须过多援引的情况下创建字典的方法
2014/09/25 Python
python基础教程之五种数据类型详解
2017/01/12 Python
使用sklearn之LabelEncoder将Label标准化的方法
2018/07/11 Python
Python实现计算文件MD5和SHA1的方法示例
2019/06/11 Python
详解Python中的format格式化函数的使用方法
2019/11/20 Python
Python内置加密模块用法解析
2019/11/25 Python
Pycharm Available Package无法显示/安装包的问题Error Loading Package List解决
2020/09/18 Python
python多线程和多进程关系详解
2020/12/14 Python
纯css3实现走马灯效果
2014/12/26 HTML / CSS
师范教师毕业鉴定
2014/01/13 职场文书
大二学期个人自我评价
2014/01/13 职场文书
《社戏》教学反思
2016/02/22 职场文书
学习心得体会
2019/06/20 职场文书
Python 如何利用ffmpeg 处理视频素材
2021/11/27 Python
mysql下的max_allowed_packet参数设置详解
2022/02/12 MySQL