首页 > 语言 > JavaScript > 正文

JS获取Table中td值的方法

2024-05-06 16:17:16
字体:
来源:转载
供稿:网友
这篇文章主要介绍了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>

在初始化方法:
  1. $(document).ready(function() { 
  2.  $(".mouse_hover").click(function() { 
  3.     //$(this).context.innerHTML //同样效果 
  4.     alert($(this).text()); 
  5.     //alert("222" + $(this).context.innerText); 
  6.   }) 
  7. }); 
 

2、固定TD取值,设置TD的id:
 

  1. document.getElementById('td1').innerHTML 
?
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表