JS获取Table中td值的方法


Posted in Javascript onMarch 19, 2015

本文实例讲述了JS获取Table中td值的方法。分享给大家供大家参考。具体如下:

1、当要获取多行中的任意TD时,采用给每个TD设置一个共同的class

<tr>  

    <td style="display: none" id="td2">002</td>  

    <td style="text-align: left;text-decoration:underline;" id="td2" class="mouse_hover">爱流量APP互联网推广</td>  

    <td style="text-align: left;">集团市场部</td>  

    <td style="text-align: left;">2015-3-16</td>  

    <td style="text-align: left;">2015-3-25</td>  

    <td style="text-align: center;">11</td>  

    <td></td>  

</tr>

在初始化方法:
$(document).ready(function() {
 $(".mouse_hover").click(function() {
    //$(this).context.innerHTML //同样效果
    alert($(this).text());
    //alert("222" + $(this).context.innerText);
  })
});

2、固定TD取值,设置TD的id:

document.getElementById('td1').innerHTML

希望本文所述对大家的javascript程序设计有所帮助。

Javascript 相关文章推荐
JS隐藏参数post传值实例
Apr 18 Javascript
jQuery 1.9使用$.support替代$.browser的使用方法
May 27 Javascript
js库Modernizr的介绍和使用
May 07 Javascript
javascript封装的sqlite操作类实例
Jul 17 Javascript
angular源码学习第一篇 setupModuleLoader方法
Oct 20 Javascript
JS及JQuery对Html内容编码,Html转义
Feb 17 Javascript
vue中使用vue-router切换页面时滚动条自动滚动到顶部的方法
Nov 28 Javascript
JS求Number类型数组中最大元素方法
Apr 08 Javascript
详解用Webpack与Babel配置ES6开发环境
Mar 12 Javascript
新手入门带你学习JavaScript引擎运行原理
Jun 24 Javascript
Jquery属性的获取/设置及样式添加/删除操作技巧分析
Dec 23 jQuery
vue打包npm run build时候界面报错的解决
Aug 13 Javascript
JavaScript使用yield模拟多线程的方法
Mar 19 #Javascript
JavaScript实现按照指定长度为数字前面补零输出的方法
Mar 19 #Javascript
JavaScript数组随机排列实现随机洗牌功能
Mar 19 #Javascript
JavaScript生成随机字符串的方法
Mar 19 #Javascript
JavaScript函数参数使用带参数名的方式赋值传入的方法
Mar 19 #Javascript
JavaScript通过字典进行字符串翻译转换的方法
Mar 19 #Javascript
JavaScript更改原始对象valueOf的方法
Mar 19 #Javascript
You might like
我的论坛源代码(四)
2006/10/09 PHP
将时间以距今多久的形式表示,PHP,js双版本
2012/09/25 PHP
php笔记之:php数组相关函数的使用
2013/04/26 PHP
javascript jQuery $.post $.ajax用法
2008/07/09 Javascript
jquery validate poshytip 自定义样式
2012/11/26 Javascript
javascript编码的几个方法详细介绍
2013/01/06 Javascript
JS对话框_JS模态对话框showModalDialog用法总结
2014/01/11 Javascript
js函数名与form表单元素同名冲突的问题
2014/03/07 Javascript
深入理解JavaScript系列(37):设计模式之享元模式详解
2015/03/04 Javascript
javascript操作Cookie(设置、读取、删除)方法详解
2015/03/18 Javascript
javascript实现随机读取数组的方法
2015/08/03 Javascript
JS实现的左侧竖向滑动菜单效果代码
2015/10/19 Javascript
jQuery实现的超简单点赞效果实例分析
2015/12/31 Javascript
使用jquery.qrcode.js生成二维码插件
2016/10/17 Javascript
jQuery扩展+xml实现表单验证功能的方法
2016/12/25 Javascript
原生js实现对Ajax的封装(仿jquery)
2017/01/22 Javascript
微信公众号生成新浪短网址的实现(快速生成)
2019/08/18 Javascript
详解Vue之计算属性
2020/06/20 Javascript
JavaScript实现筛选数组
2021/03/02 Javascript
[00:32]2018DOTA2亚洲邀请赛Liquid出场
2018/04/03 DOTA
Python的另外几种语言实现
2015/01/29 Python
Python数据结构之双向链表的定义与使用方法示例
2018/01/16 Python
python递归全排列实现方法
2018/08/18 Python
pyCharm 设置调试输出窗口中文显示方式(字符码转换)
2020/06/09 Python
python中通过pip安装库文件时出现“EnvironmentError: [WinError 5] 拒绝访问”的问题及解决方案
2020/08/11 Python
HTML5之SVG 2D入门9—蒙板及mask元素介绍与应用
2013/01/30 HTML / CSS
美国户外生活方式品牌:Eddie Bauer
2016/12/28 全球购物
英国和爱尔兰最大的地毯零售商:Kukoon
2018/12/17 全球购物
Camper鞋西班牙官方网上商店:西班牙马略卡岛的鞋类品牌
2019/03/14 全球购物
医生党的群众路线教育实践活动个人对照检查材料
2014/09/23 职场文书
渠道运营商合作协议书范本
2014/10/06 职场文书
卫生保健工作总结2015
2015/05/18 职场文书
银行柜员优质服务心得体会
2016/01/22 职场文书
2016年社区党支部公开承诺书
2016/03/25 职场文书
Golang连接并操作MySQL
2022/04/14 MySQL
Java实现添加条码或二维码到Word文档
2022/06/01 Java/Android