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 相关文章推荐
由prototype_1.3.1进入javascript殿堂-类的初探
Nov 06 Javascript
JavaScript 页面编码与浏览器类型判断代码
Jun 03 Javascript
JS获取select-option-text_value的方法
Dec 26 Javascript
javascript结合ajax读取txt文件内容
Dec 05 Javascript
javascript密码强度校验代码(两种方法)
Aug 10 Javascript
用js读写cookie的简单方法(推荐)
Aug 08 Javascript
jQuery Ajax 实现在html页面实时显示用户登录状态
Dec 30 Javascript
在点击div中的p时,如何阻止事件冒泡
Feb 07 Javascript
JavaScript模板引擎应用场景及实现原理详解
Dec 14 Javascript
JS实现小星星特效
Dec 24 Javascript
JavaScript原生数组函数实例汇总
Oct 14 Javascript
js实现弹幕墙效果
Dec 10 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
php AJAX实例根据邮编自动完成地址信息
2008/11/23 PHP
php 分页函数multi() discuz
2009/06/21 PHP
ThinkPHP做文字水印时提示call an undefined function exif_imagetype()解决方法
2014/10/30 PHP
WIFI万能钥匙密码查询接口实例
2015/09/28 PHP
详解PHP中websocket的使用方法
2016/09/15 PHP
php接口隔离原则实例分析
2019/11/11 PHP
jQuery之日期选择器的深入解析
2013/06/19 Javascript
提取jquery的ready()方法单独使用示例
2014/03/25 Javascript
jquery下拉select控件操作方法分享(jquery操作select)
2014/03/25 Javascript
Nodejs异步回调的优雅处理方法
2014/09/25 NodeJs
jquery图片切换插件
2015/03/16 Javascript
JS实现具备延时功能的滑动门菜单效果
2015/09/17 Javascript
功能强大的Bootstrap组件(结合js)
2016/08/03 Javascript
jQuery过滤选择器用法示例
2016/09/12 Javascript
js实现方块上下左右移动效果
2017/08/17 Javascript
JS实现图片拖拽交换效果
2018/11/30 Javascript
es6中比较有用的7个技巧小结
2019/07/12 Javascript
[13:40]TI3青蛙君全程回顾 DOTA2我们为梦想再战
2013/09/13 DOTA
[41:13]完美世界DOTA2联赛PWL S2 Forest vs Rebirth 第一场 11.20
2020/11/20 DOTA
Python实现的生成自我描述脚本分享(很有意思的程序)
2014/07/18 Python
全面了解python中的类,对象,方法,属性
2016/09/11 Python
python中numpy基础学习及进行数组和矢量计算
2017/02/12 Python
Python实现KNN邻近算法
2021/01/28 Python
Python和Go语言的区别总结
2019/02/20 Python
python3.6、opencv安装环境搭建过程(图文教程)
2019/11/05 Python
Python 实现打印单词的菱形字符图案
2020/04/12 Python
Python如何实现自带HTTP文件传输服务
2020/07/08 Python
python给list排序的简单方法
2020/12/10 Python
解析html5 canvas实现背景鼠标连线动态效果代码
2019/06/17 HTML / CSS
lululemon美国官网:瑜伽服+跑步装备
2018/11/16 全球购物
2015年暑期社会实践活动总结
2015/03/27 职场文书
养成教育主题班会
2015/08/13 职场文书
团结友爱主题班会
2015/08/13 职场文书
Python 流媒体播放器的实现(基于VLC)
2021/04/28 Python
Go语言实现一个简单的并发聊天室的项目实战
2022/03/18 Golang
python实现双向链表原理
2022/05/25 Python