JS 获取Table中td值

最新推荐文章于 2024-02-23 13:41:06 发布

原创最新推荐文章于 2024-02-23 13:41:06 发布 · 6.7k 阅读

2 ·

CC 4.0 BY-SA版权

JavaScript 专栏收录该内容

11 篇文章

订阅专栏

本文介绍了如何使用JavaScript获取HTML表格（Table）中特定TD（表格数据单元格）的值，特别是当需要从多行中选取时，通过为TD元素添加共用class的方法来实现选取。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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