JS获取Table中td值的方法

前端技术 2023/09/08 JavaScript

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

本文地址：https://www.stayed.cn/item/20679

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案