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 相关文章推荐
JavaScript中的连字符详解
Nov 28 Javascript
js进行表单验证实例分析
Feb 10 Javascript
【经典源码收藏】jQuery实用代码片段(筛选,搜索,样式,清除默认值,多选等)
Jun 07 Javascript
AngularJS 自定义指令详解及示例代码
Aug 17 Javascript
js实现砖头在页面拖拉效果
Nov 20 Javascript
vue.js指令和组件详细介绍及实例
Apr 06 Javascript
Easyui Datagrid自定义按钮列(最后面的操作列)
Jul 13 Javascript
react中fetch之cors跨域请求的实现方法
Mar 14 Javascript
深入理解JavaScript 箭头函数
May 30 Javascript
Vue中全局变量的定义和使用
Jun 05 Javascript
js实现简易点击切换显示或隐藏
Nov 29 Javascript
vue-resource 拦截器interceptors使用详解
Jan 18 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
虹吸式咖啡壶操作
2021/03/03 冲泡冲煮
Classes and Objects in PHP5-面向对象编程 [1]
2006/10/09 PHP
php 什么是PEAR?(第二篇)
2009/03/19 PHP
PHP 柱状图实现代码
2009/12/04 PHP
PDO版本问题 Invalid parameter number: no parameters were bound
2013/01/06 PHP
php实现面包屑导航例子分享
2015/12/19 PHP
JS 获取span标签中的值的代码 支持ie与firefox
2009/08/24 Javascript
jQuery ajax cache缓存问题
2010/07/01 Javascript
IE下js调试工具Companion.JS
2010/10/15 Javascript
javascript学习笔记(三) String 字符串类型介绍
2012/06/19 Javascript
推荐40款强大的 jQuery 导航插件和教程(上篇)
2012/09/14 Javascript
jquery获取tr中控件值并操作tr实现思路
2013/03/27 Javascript
jQuery中ajax的get()方法用法实例
2014/12/26 Javascript
jQuery中:eq()选择器用法实例
2014/12/29 Javascript
跨域资源共享 CORS 详解
2016/04/26 Javascript
基于BootStrap Metronic开发框架经验小结【八】框架功能总体界面介绍
2016/05/12 Javascript
由浅入深剖析Angular表单验证
2016/07/14 Javascript
使用JS正则表达式 替换括号,尖括号等
2016/11/29 Javascript
浅谈Node.js:Buffer模块
2016/12/05 Javascript
关于Node.js的events.EventEmitter用法介绍
2017/04/01 Javascript
Vue 2.0学习笔记之使用$refs访问Vue中的DOM
2017/12/19 Javascript
浅谈Vue2.0父子组件间事件派发机制
2018/01/08 Javascript
JS实现的抛物线运动效果示例
2018/01/30 Javascript
浅析vue中常见循环遍历指令的使用 v-for
2018/04/18 Javascript
详解阿里Node.js技术文档之process模块学习指南
2021/01/04 Javascript
利用pyinstaller打包exe文件的基本教程
2019/05/02 Python
Python学习笔记之While循环用法分析
2019/08/14 Python
Django-rest-framework中过滤器的定制实例
2020/04/01 Python
Html5大文件断点续传实现方法
2015/12/05 HTML / CSS
澳大利亚著名的纺织品品牌:Canningvale
2020/05/05 全球购物
什么是跨站脚本攻击
2014/12/11 面试题
公安个人四风问题对照检查及整改措施
2014/10/28 职场文书
清明节扫墓活动总结
2015/02/09 职场文书
创先争优活动个人总结
2015/03/04 职场文书
全国法制宣传日活动总结
2015/05/05 职场文书
解析探秘fescar分布式事务实现原理
2022/02/28 Java/Android