JS获取Table中td值的方法

更新时间：2015年03月19日 12:14:07 作者：damaolly

这篇文章主要介绍了JS获取Table中td值的方法,实例分析了javascript操作table中td的技巧,非常具有实用价值,需要的朋友可以参考下

本文实例讲述了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程序设计有所帮助。

您可能感兴趣的文章:

js chrome浏览器判断代码
今天发现chrome还是有一些独一无二的东西，基于它们，我们就可以搞出基于特征的判定了。
2010-03-03
js中函数的length是多少
本文主要介绍了js中函数的length是多少，文中通过示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2021-09-09
30分钟快速入门掌握ES6/ES2015的核心内容（下）
这篇文章主要给大家介绍了如何通过30分钟快速入门掌握ES6/ES2015的核心内容的相关资料，之前给大家介绍过基础的一些内容，下面继续来介绍一些其他的新特性，需要的朋友可以参考借鉴，下面随着小编来一起学习学习吧。
2018-04-04
JS 俄罗斯方块完美注释版代码
JS俄罗斯方块完美注释版 v 1.01 从学c语言那一会儿都想写一个俄罗斯方块,可是每次动起手总觉得难度太大. 今天终于用了大约4个小时写出来了. 其中在涉及到方块变型的时候还咨询了
2008-11-11
js数组操作方法总结(必看篇)
下面小编就为大家带来一篇js数组操作方法总结(必看篇)。小编觉得挺不错的，希望对大家有所帮助。一起跟随小编过来看看吧，祝大家游戏愉快哦
2016-11-11
Javascript 实现图片无缝滚动
这篇文章主要介绍了Javascript 实现图片无缝滚动的相关资料,需要的朋友可以参考下
2014-12-12
Javascript开发包大全整理
Javascript开发包大全整理...
2006-12-12
浅谈js中test()函数在正则中的使用
下面小编就为大家带来一篇浅谈js中test()函数在正则中的使用。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2016-08-08
微信小程序中this.data与this.setData的区别详解
这篇文章主要给大家介绍了关于微信小程序中this.data与this.setData区别的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面来一起看看吧
2018-09-09
解读IE和firefox下JScript和HREF的执行顺序
2008-01-01

JS获取Table中td值的方法

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具