jQuery，如何在表格中设置td的值？

Question

我使用 <tr> 和 <td> 标签创建动态表格。其中一个 td 标签获得了 id 为 "detailInfo"。我在某个按钮上有一个 onclick 函数。我想在按下按钮后设置 td "detailInfo" 中的某个值。

那么，我该如何设置带有 id 为 "detailInfo" 的 td 的值？

这是该 td：

<td id="detailInfo" rowspan="2" width="300px">picture detail</td>

- Ola

---

“设置一些值”是什么意思？td标签没有值。您是想添加一些文本吗？ - Claudio Redi

你尝试过什么吗？ - j08691

我的意思是HTML值。 - Ola

Answer 1

使用选择器和.html()方法来获取/设置HTML内容：

 $('#detailInfo').html('changed value');

- Milind Anantwar

Answer 2

来自：

• 操作 | jQuery API 文档

可以使用以下方式:

.html()

在 HTML 文档中，.html() 方法可用于获取任何元素的内容。

.text()

与 .html() 方法不同，.text() 方法可用于 XML 和 HTML 文档。 .text() 方法的结果是包含所有匹配元素的组合文本的字符串。

.val()

主要用于获取表单元素（如 input、select 和 textarea）的值。调用空集合时，它返回 undefined。

- Alessandro Moreira

---

“val” 对我不起作用（尽管我使用的是旧版本的 jQuery）；而“text”可以。 - Kenny Evitt

Answer 3

你可以尝试下面的代码：

$("Your button id or class").live("click", function(){

    $('#detailInfo').html('set your value as you want');

});

祝你好运...

- Pradeep Pansari

Answer 4

$("#button_id").click(function(){ $("#detailInfo").html("WHAT YOU WANT") })

- Fiambre

Answer 5

尝试下面的代码：

$('#detailInfo').html('你的值')

- Tjaart van der Walt