从HTML表中检索列

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; 
    }); 
}