JS获取Table中td值的方法

一、通过 class 获取 td 值

当需要获取多行中的任意 td 时，我们可以给每个 td 设置一个共同的 class。例如，我们可以设置一个名为 "tdValue" 的 class，然后通过 JavaScript 获取其值。

HTML 结构如下：

```html

002

爱流量APP互联网推广

```

JavaScript 代码：

```javascript

$(document).ready(function() {

$(".tdValue").click(function() {

alert($(this).text()); // 显示被点击的 td 元素的文本内容

});

});

```

这种方法适用于需要响应用户点击获取特定 td 元素内容的情况。

二、固定获取特定 td 值，通过 id 获取

如果你需要固定获取某个特定 td 的值，可以直接给这个 td 设置一个 id，然后通过 JavaScript 的 `document.getElementById` 方法获取其值。例如：

HTML 结构：

```html

需要获取的值

```

JavaScript 代码：

```javascript

var tdValue = document.getElementById('myTd')nerHTML; // 获取该 td 的 HTML 内容

console.log(tdValue); // 输出到控制台

```

或者直接通过文本内容获取：

```javascript

alert(document.getElementById('myTd')nerText); // 弹出该 td 的文本内容

```