jQuery：如何根据表头仅选择表格列中的值

Question

我有一个带有标题ID的表格。我需要选择此标题下的所有字段。 我无权访问源代码，此表中没有使用任何类。 有关如何完成此任务的任何想法？

Answer 1

您应该使用：eq（index）过滤器。

已经确定要选择的列的索引后（我们称之为idx），你可以这样做：

$('#yourTableID tr').each(function(){ 
    // for each row: 
    var myField = $(this).children('td:eq('+idx+')'); 
    // do stuff with the selected field 
}); 

Answer 2

要获得第一列：

$(function() { 
    var col = $("td:nth-child(1)"); 
}); 

Answer 3

最直接的将是获得该行中头的位置（索引），然后访问相同列索引处的所有单元的值。

$('#table th').click(function() { 
    var th = $(this); 
    var index = $('th', th.parents('tr')).index(th); 
    var column = $('tbody td:nth-child(' + (index + 1) + ')', th.parents('table')); 
    var values = column.map(function() { 
     return $(this).text(); 
    }); 
    alert($.makeArray(values)); 
}); 

这是基于这个例子：

<table id="table"> 
    <thead> 
     <tr><th>head1</th><th>head2</th><th>head3</th></tr> 
    </thead> 
    <tbody> 
     <tr><td>cell1a</td><td>cell2a</td><td>cell3a</td></tr> 
     <tr><td>cell1b</td><td>cell2b</td><td>cell3b</td></tr> 
     <tr><td>cell1c</td><td>cell2c</td><td>cell3c</td></tr> 
    </tbody> 
</table>