从 html 表格单元格中获取数据答案

【问题标题】：Get data out of html table cells从 html 表格单元格中获取数据
【发布时间】：2011-10-23 11:33:04
【问题描述】：

我有一个动态构建的巨大 html 表，我希望能够轻松地从中获取单元格数据。
这是我的桌子的设置方式。

   <tr><td  id="presCode0">V</td></tr>
    <tr><td  id="presCode1">F</td></tr>

在我构建表格时，每个行元素都有编号。每行有 5 个单元格，表格中有数百行。点击时每一行都会调用这样一个函数：

onclick="switchToRequest(rownumber)"

我尝试过使用：

function switchToRequest(i)
{
var presCode=''+'presCode' + i + '';
attend.elements["codePick"].value=presCode.innerHTML;
attend.elements["codePick"].value=$("#"+"presCode"+i);
}

有什么方法可以使用 Javascript 从复杂表格中获取表格单元格值？

【问题讨论】：

标签： javascript jquery html html-table cell

【解决方案1】：

试试这个：

attend.elements["codePick"].value = $("#"+"presCode"+i).html();

或

attend.elements["codePick"].value = $("#"+"presCode"+i).text(); // to get text minus html tags

【讨论】：

我收到一个错误“无法调用 null 的方法 'getElementsByTagName'”myTable 是我想要取出内容的表的名称。现在是 id？
太棒了。我使用 .text() 效果很好！谢谢。我以为 jquery 会有答案，但我不确定如何。

【解决方案2】：

function switchToRequest(i)
{
var presCode=''+'presCode' + i + '';
attend.elements["codePick"].value=document.getElementById(presCode).innerHTML;
attend.elements["codePick"].value=$("#"+"presCode"+i);
}

【讨论】：

【解决方案3】：

替换

presCode.innerHTML;

与

$("#"+presCode).innerHTML;

并删除第二个attend.elements 行

【讨论】：

当我这样做时，我得到错误“object presCode0 has no method 'innerHTML”
尝试 .text() 而不是 .innerHTML
删除了我的 -1。如果$ 是jQuery，那么它仍然是不正确的，但是OP 并没有告诉我们$ 在他的代码中是什么意思。
$ 是 jQuery。抱歉没有指定。