Question

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

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

Answer 1

当您动态创建表时，必须为表分配一些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;
}

Answer 2

如果你使用jQuery，你可以使用这个插件

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

使用：

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

没有jQuery，它将是

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

从HTML表中检索列

2 个答案: