javascript - 从表头中抓取列元素

Question

我有一个有搜索字段的表。搜索数据后，列出的数据要导出到excel中，需要添加一些额外的信息，表中没有显示，需要从数据库中提取。所以，我需要访问所有列出的数据的 id（在搜索之后）。此外，该标签没有相关的“id”或“类”，因此可以抓取它，因为它是使用数据表呈现的。如何使用 jquery 来实现

代码片段

<table id='mytable' border='1'>
    <tr>
        <th id='ID'>ID</th>
        <th id='Email'>Email</th>
    </tr>
    <tr>
        <td>1</td>
        <td>abc@gmail.com</td>
    </tr>
    <tr>
        <td>2</td>
        <td>xyz@gmail.com</td>
    </tr>
    <tr>
        <td>3</td>
        <td>pqr@gmail.com</td>
    </tr>
</table>

<button id='gen'>Generate excel file</button>

jsfiddle：http: //jsfiddle.net/xLA3g/2/

Answer 1

看看这个，可能会有所帮助 http://jsfiddle.net/xLA3g/3/

$('#mytable tr th').each(function(i){
    alert($(this).text());
});

回答更新，显示 td 列号 http://jsfiddle.net/xLA3g/4/

$('#mytable tr td:first-child').each(function(i){
    alert($(this).text());
});

让我知道我是否可以提供进一步帮助

Answer 2

修改一点@carambas 答案

var ids=[];
$('#mytable tr th').each(function(i){
    alert($(this).attr('id'));
    ids.push($(this).attr('id'));

});
console.log("ID",ids);