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实现购物车多物品数量的加减+总价计算
Jun 06 Javascript
JavaScript中的toDateString()方法使用详解
Jun 12 Javascript
js生成随机数(指定范围)的实例代码
Jul 10 Javascript
浅谈jquery中使用canvas的问题
Oct 10 Javascript
bootstrap的3级菜单样式,支持母版页保留打开状态实现方法
Nov 10 Javascript
jQuery实现表格与ckeckbox的全选与单选功能
Nov 24 Javascript
Vue隐藏显示、只读实例代码
Jul 18 Javascript
zepto.js 实时监听输入框的方法
Dec 04 Javascript
详解Vue.js自定义tipOnce指令用法实例
Dec 19 Javascript
Vue render函数实战之实现tabs选项卡组件
Apr 22 Javascript
Vue数字输入框组件示例代码详解
Jan 15 Javascript
Postman动态获取返回值过程详解
Jun 30 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
帅气的琦玉老师
2020/03/02 日漫
php 动态多文件上传
2009/01/18 PHP
PHP版国家代码、缩写查询函数代码
2011/08/14 PHP
基于php设计模式中工厂模式详细介绍
2013/05/15 PHP
session在php5.3中的变化 session_is_registered() is deprecated in
2013/11/12 PHP
php使用指定编码导出mysql数据到csv文件的方法
2015/03/31 PHP
JavaScript 字符编码规则
2009/05/04 Javascript
JS高级拖动技术 setCapture,releaseCapture
2011/07/31 Javascript
jQuery Ajax异步处理Json数据详解
2013/11/05 Javascript
jQuery向上遍历DOM树之parents(),parent(),closest()之间的区别
2013/12/02 Javascript
jquery判断元素是否隐藏的多种方法
2014/05/06 Javascript
node.js中的require使用详解
2014/12/15 Javascript
微信中一些常用的js方法汇总
2015/03/12 Javascript
PHP+mysql+Highcharts生成饼状图
2015/05/04 Javascript
基于jQuery实现表格内容的筛选功能
2016/08/21 Javascript
最实用的jQuery分页插件
2016/10/09 Javascript
Bootstrap栅格系统使用方法及页面调整变形的解决方法
2017/03/10 Javascript
AngularJS自定义指令之复制指令实现方法
2017/05/18 Javascript
使用vue-router在Vue页面之间传递数据的方法
2019/07/15 Javascript
JS三级联动代码格式实例详解
2019/12/30 Javascript
微信小程序的引导页实现代码
2020/06/24 Javascript
再也不怕 JavaScript 报错了,怎么看怎么处理都在这儿
2020/12/09 Javascript
Python实现国外赌场热门游戏Craps(双骰子)
2015/03/31 Python
Python Opencv 通过轨迹(跟踪)栏实现更改整张图像的背景颜色
2020/03/09 Python
Django REST framwork的权限验证实例
2020/04/02 Python
HTML5标签与HTML4标签的区别示例介绍
2013/07/18 HTML / CSS
中国跨镜手机配件批发在线商店:TVC-Mall
2019/08/20 全球购物
Jowissa官方网站:瑞士制造的手表,优雅简约的设计
2020/07/29 全球购物
科颜氏印度官网:Kiehl’s印度
2021/02/20 全球购物
ORACLE十问
2015/04/20 面试题
六月份红领巾广播稿
2014/02/03 职场文书
企业党的群众路线教育实践活动学习心得体会
2014/10/31 职场文书
婚礼答谢礼品
2015/01/20 职场文书
优质服务标语口号
2015/12/26 职场文书
详解Vue3使用axios的配置教程
2022/04/29 Vue.js