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 相关文章推荐
模拟用户操作Input元素,不会触发相应事件
May 11 Javascript
JavaScript的9个陷阱及评点分析
May 16 Javascript
Mootools 图片展示插件(lightbox,ImageMenu)收集集合
May 21 Javascript
JQuery中form验证出错信息的查看方法
Oct 08 Javascript
用js将内容复制到剪贴板兼容浏览器
Mar 18 Javascript
js实现TAB切换对应不同颜色的代码
Aug 31 Javascript
Vue.js实现一个todo-list的上移下移删除功能
Jun 26 Javascript
纯js实现的积木(div层)拖动功能示例
Jul 19 Javascript
微信小程序上传图片功能(附后端代码)
Jun 19 Javascript
Vue 框架之键盘事件、健值修饰符、双向数据绑定
Nov 14 Javascript
vue 列表页跳转详情页获取id以及详情页通过id获取数据
Mar 27 Javascript
vue 给数组添加新对象并赋值
Apr 20 Vue.js
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脚本数据库功能详解(上)
2006/10/09 PHP
PHP3 safe_mode 失效漏洞
2006/10/09 PHP
PHP 5.0对象模型深度探索之对象复制
2008/03/27 PHP
按上下级层次关系输出内容的PHP代码
2010/07/17 PHP
windows环境下php配置memcache的具体操作步骤
2013/06/09 PHP
PHP/HTML混写的四种方式总结
2017/02/27 PHP
php使用lua+redis实现限流,计数器模式,令牌桶模式
2019/04/04 PHP
laravel 框架结合关联查询 when()用法分析
2019/11/22 PHP
改进:论坛UBB代码自动插入方式
2006/12/22 Javascript
In Javascript Class, how to call the prototype method.(three method)
2007/01/09 Javascript
jQuery Mobile 导航栏代码
2013/11/01 Javascript
jQuery插件datalist实现很好看的input下拉列表
2015/07/14 Javascript
JS实现仿雅虎首页快捷登录入口及导航模块效果
2015/09/19 Javascript
jQuery购物网页经典制作案例
2016/08/19 Javascript
学习JavaScript图片预加载模块
2016/11/07 Javascript
nodejs个人博客开发第七步 后台登陆
2017/04/12 NodeJs
vue微信分享到朋友圈 vue微信发送给好友
2018/11/28 Javascript
小程序页面动态配置实现方法
2019/02/05 Javascript
NodeJs操作MongoDB教程之分页功能以及常见问题
2019/04/09 NodeJs
vue使用video.js进行视频播放功能
2019/07/18 Javascript
微信小程序复选框实现多选一功能过程解析
2020/02/14 Javascript
关于IDEA中的.VUE文件报错 Export declarations are not supported by current JavaScript version
2020/10/17 Javascript
原生JS实现音乐播放器
2021/01/26 Javascript
浅谈python新手中常见的疑惑及解答
2016/06/14 Python
Django视图和URL配置详解
2018/01/31 Python
浅析Python函数式编程
2018/10/06 Python
pyQT5 实现窗体之间传值的示例
2019/06/20 Python
Python手绘可视化工具cutecharts使用实例
2019/12/05 Python
CSS3 text-shadow实现文字阴影效果
2016/02/24 HTML / CSS
html5 canvas合成海报所遇问题及解决方案总结
2017/08/03 HTML / CSS
天网工程实施方案
2014/03/26 职场文书
园林系毕业生求职信
2014/06/23 职场文书
2014领导班子四风问题对照检查材料思想汇报
2014/09/21 职场文书
销售口号霸气押韵
2015/12/24 职场文书
导游词之天津古文化街
2019/11/09 职场文书
关于python类SortedList详解
2021/09/04 Python