javascript - 从 HTML 表中检索列

Question

如何使用 JavaScript 从 HTML 表的一列中获取值？

我想从动态创建的 HTML 表中获取一个字段的值，即一列。

Answer 1

If you use jQuery you can use this plugin

$.fn.getColumn = function(column) {
    return this.find('tr').map(function() {
        return $(this).find('td').eq(column).text();
    }).get();
};

using:

$('table').getColumn(1);

Without jQuery it will be

function getColumn(selector, column) {
    var rows = document.querySelector(selector).getElementsByTagName('tr');
    return [].slice.call(rows).map(function(tr) {
        return tr.getElementsByTagName('td')[column].innerText;
    });
}

Answer 2

当您动态创建表时，您必须为表分配一些 id，所以试试这个：

var allTDs = document.getElementById('<TableId>').getElementsByTagName('TD');
var valueNeeded = allTDs[0].innerHTML;

如果要获取所有行中所有第一列的值，请使用以下命令：

var allTRs = document.getElementById('<TableId>').getElementsByTagName('TR');
for(var i = 0; i < allTRs .length; i++)
{
    //This is a loop so store the value of each TD or column wherever you want to  
    var valueNeeded = allTDs.getElementsByTagName('TD')[0].innerHTML;
}