javascript - 如何从表头(th)中获取相应的表列(td)？

Question

我想获取表格标题的整个列。

例如，我想选择表头“Address”隐藏地址列，选择“Phone”表头显示对应的列。

<table>
<thead> 
    <tr>
        <th id="name">Name</th>
        <th id="address">Address</th>
        <th id="address" class='hidden'>Address</th>
    </tr>
</thead> 
<tbody>
    <tr>
        <td>Freddy</td>
        <td>Nightmare Street</td>
        <td class='hidden'>123</td>
    </tr>
    <tr>
        <td>Luis</td>
        <td>Lost Street</td>
        <td class='hidden'>3456</td>
    </tr>
</tbody>

我想做类似 http://www.google.com/finance?q=apl 的事情(查看相关公司表)(单击“添加或删除列”链接)

Answer 1

像这样的东西会起作用 -

$('th').click(function() {
    var index = $(this).index()+1;
    $('table td:nth-child(' + index + '),table th:nth-child(' + index + ')').hide()
});

如果您单击标题，上面的代码将隐藏相关列，不过可以更改逻辑以满足您的要求。

演示 - http://jsfiddle.net/LUDWQ/