从表头中抓取列元素

时间:2013-08-29 06:06:07

标签: javascript jquery datatables

我有一个包含搜索字段的表格。搜索数据后,列出的数据将被导出到excel中,这需要添加一些额外的信息,这些信息未在表中显示,需要从数据库中提取。 所以,我需要访问所有列出的数据的id(在seraching之后)。此外,标签没有相关的'id'或'class',因此可以抓取它,因为它是使用数据表进行渲染的。如何使用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/

2 个答案:

答案 0 :(得分:1)

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

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

ANSWER UPDATE ,显示td列号 http://jsfiddle.net/xLA3g/4/

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

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

答案 1 :(得分:1)

修改@carambas的小答案

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

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