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 相关文章推荐
jQuery fadeTo方法调整图片的透明度使用介绍
May 06 Javascript
JS定时器实例详细分析
Oct 11 Javascript
jquery实现textarea 高度自适应
Mar 11 Javascript
使用CamanJS在Web页面上处理图像的技巧
Aug 18 Javascript
Bootstrap 粘页脚效果
Mar 28 Javascript
jQuery实现拖拽页面元素并将其保存到cookie的方法
Jun 12 Javascript
url中的特殊符号有什么含义(推荐)
Jun 17 Javascript
Javascript中内建函数reduce的应用详解
Oct 20 Javascript
Vue项目服务器部署之子目录部署方法
May 12 Javascript
JS面向对象之多选框实现
Jan 17 Javascript
Vue自定义组件的四种方式示例详解
Feb 28 Javascript
详解vue修改elementUI的分页组件视图没更新问题
Nov 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
让这部DC动画新作刷新你的认知
2020/03/03 欧美动漫
PHP文件读写操作之文件读取方法详解
2011/01/13 PHP
php函数之子字符串替换&amp;#65279; str_replace
2011/03/23 PHP
PHP file_get_contents函数读取远程数据超时的解决方法
2015/05/13 PHP
PHP 下载文件时如何自动添加bom头及解释BOM头和去掉bom头的方法
2016/01/04 PHP
学习PHP的数组总结【经验】
2016/05/05 PHP
根据地区不同显示时间的javascript代码
2007/08/13 Javascript
JavaScript函数、方法、对象代码
2008/10/29 Javascript
js和as的稳定传值问题解决
2013/07/14 Javascript
使用jQuery仿苹果官网焦点图特效
2014/12/23 Javascript
zTree插件下拉树使用入门教程
2016/04/11 Javascript
浅析Javascript ES6中的原生Promise
2016/08/25 Javascript
简洁实用的BootStrap jQuery手风琴插件
2016/08/31 Javascript
JS实现的自动打字效果示例
2017/03/10 Javascript
详解Angular2响应式表单
2017/06/14 Javascript
基于jQuery的表单填充实例
2017/08/22 jQuery
vue页面跳转后返回原页面初始位置方法
2018/02/11 Javascript
vue npm install 安装某个指定的版本操作
2020/08/11 Javascript
[00:57]林俊杰助阵DOTA2亚洲邀请赛
2015/01/28 DOTA
[02:41]2015国际邀请赛中国区预选赛观战指南
2015/05/20 DOTA
Python线程池模块ThreadPoolExecutor用法分析
2018/12/28 Python
对pyqt5中QTabWidget的相关操作详解
2019/06/21 Python
Django中的静态文件管理过程解析
2019/08/01 Python
浅谈tensorflow中Dataset图片的批量读取及维度的操作详解
2020/01/20 Python
python使用PIL剪切和拼接图片
2020/03/23 Python
keras-siamese用自己的数据集实现详解
2020/06/10 Python
Keras 中Leaky ReLU等高级激活函数的用法
2020/07/05 Python
PyCharm最新激活码(2020/10/27全网最新)
2020/10/27 Python
Django vue前后端分离整合过程解析
2020/11/20 Python
伦敦时尚生活的缩影:LN-CC
2017/01/24 全球购物
澳大利亚家用电器在线商店:Billy Guyatts
2020/05/05 全球购物
介绍一下Linux内核的排队自旋锁
2014/08/27 面试题
大学生应聘自荐信
2013/10/11 职场文书
男方父母证婚词
2014/01/12 职场文书
2015年店长工作总结范文
2015/04/08 职场文书
创卫工作总结2015
2015/04/22 职场文书