javascript技巧

关注公众号 jb51net

关闭
首页 > 网络编程 > JavaScript > javascript技巧 > JS获取Table中td值

JS获取Table中td值的方法

作者: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程序设计有所帮助。

您可能感兴趣的文章:
阅读全文