jQuery隐藏后获取列信息

时间:2013-10-03 13:59:11

标签: jquery

我有一个漂亮的巨大的表,带有过滤器和隐藏/取消隐藏选项。 hide / unhide选项也会隐藏/取消隐藏ID列。以前,我跟踪列ID如下

的jQuery

var ids = [];
$('#example tr td:first-child').each(function(i){
    ids.push($(this).text());
});  

的HTML

<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>

隐藏列后,我无法跟踪ID列。过滤后是否有出路跟踪ID列的方法。例如过滤后的输出可能是,ID列和一些行被过滤:

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

在引入hide / unhide coulmn功能后,ID列也会被隐藏。

1 个答案:

答案 0 :(得分:0)

如果它被隐藏了,它仍然有用......

http://jsfiddle.net/ZcZA9/1/

 $('tr td:first-child').hide();

隐藏(隐藏!= 删除)第一列时,它仍然按预期工作。请更新小提琴并更准确。根据你的问题,这就是我认为你要求的。