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 validate 中文API 附validate.js中文api手册
Jul 31 Javascript
使用JavaScript构建JSON格式字符串实现步骤
Mar 22 Javascript
基于mouseout和mouseover等类似事件的冒泡问题解决方法
Nov 18 Javascript
JavaScript输入邮箱自动提示实例代码
Jan 13 Javascript
JavaScript的9种继承实现方式归纳
May 18 Javascript
javascript顺序加载图片的方法
Jul 18 Javascript
简单实现JS对dom操作封装
Dec 02 Javascript
JS实现设置ff与ie元素绝对位置的方法
Mar 08 Javascript
React快速入门教程
Jan 17 Javascript
webpack4 + react 搭建多页面应用示例
Aug 03 Javascript
解决vue cli使用typescript后打包巨慢的问题
Sep 30 Javascript
通过实例解析chrome如何在mac环境中安装vue-devtools插件
Jul 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 socket通信(tcp/udp)实例分析
2016/02/14 PHP
PHP页面跳转实现延时跳转的方法
2016/12/10 PHP
thinkPHP5.0框架URL访问方法详解
2017/03/18 PHP
解析 thinkphp 框架中的部分方法
2017/05/07 PHP
Yii2框架实现登录、退出及自动登录功能的方法详解
2017/10/24 PHP
php 可变函数使用小结
2018/06/12 PHP
再次更新!MSClass (Class Of Marquee Scroll通用不间断滚动JS封装类 Ver 1.6)
2007/02/05 Javascript
jquery获取html元素的绝对位置和相对位置的方法
2014/06/20 Javascript
详解Wondows下Node.js使用MongoDB的环境配置
2016/03/01 Javascript
JS简单实现无缝滚动效果实例
2016/08/24 Javascript
JS表单提交验证、input(type=number) 去三角 刷新验证码
2017/06/21 Javascript
angular或者js怎么确定选中ul中的哪几个li
2017/08/16 Javascript
vue.js实现标签页切换效果
2018/06/07 Javascript
JavaScript设计模式之构造器模式(生成器模式)定义与用法实例分析
2018/07/26 Javascript
vue+element+Java实现批量删除功能
2019/04/08 Javascript
Vue实现移动端拖拽交换位置
2020/07/29 Javascript
vue使用require.context实现动态注册路由
2020/12/25 Vue.js
[02:52]DOTA2新手基础教程 米波
2014/01/21 DOTA
Python操作MongoDB数据库PyMongo库使用方法
2015/04/27 Python
python通过邮件服务器端口发送邮件的方法
2015/04/30 Python
python http接口自动化脚本详解
2018/01/02 Python
Django 批量插入数据的实现方法
2020/01/12 Python
keras 如何保存最佳的训练模型
2020/05/25 Python
如何在Anaconda中打开python自带idle
2020/09/21 Python
python3 re返回形式总结
2020/11/20 Python
美体小铺瑞典官方网站:The Body Shop瑞典
2018/01/27 全球购物
智能家居、吸尘器、滑板车、电动自行车网上购物:Geekmaxi
2021/01/18 全球购物
大专自我鉴定范文
2013/10/01 职场文书
暑期实践思想汇报
2014/01/06 职场文书
关于元旦的广播稿
2014/02/16 职场文书
奥巴马竞选演讲稿
2014/05/15 职场文书
国际经济贸易专业自荐信
2014/06/13 职场文书
小学“向国旗敬礼”网上签名寄语活动总结
2014/09/27 职场文书
一般纳税人申请报告
2015/05/18 职场文书
《我的长生果》教学反思
2016/02/20 职场文书
【海涛解说】pis亲自推荐,其实你从来不会玩NW
2022/04/01 DOTA