Jquery,单击单元格时获取列名

Question

如何在单击任何单元格时使用Jquery获取列名？

Answer 1

您可以通过获取单元格的索引,然后从具有相同索引的标题中获取文本来完成此操作.

我在这里上传了一个演示:

http://jsfiddle.net/Sohnee/DNxTz/23/

jQuery看起来像这样:

$("td").click(function(){
    var $This = $(this);
    var col = $This.parent().children().index($(this));
    var title = $This.closest("table").find("th").eq(col).text();
    alert(title);
});

并依赖于正确的表格结构....

<table>
    <thead>
        <tr>
            <th>Name</th>
            <th>Address</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>Steve</td>
            <td>UK Somewhere</td>
        </tr>
        <tr>
            <td>Scott</td>
            <td>USA Somewhere</td>
        </tr>
    </tbody>
</table>

注意:标题,tfoot等,省略了可选的东西都可以添加,脚本仍然有效.

http://www.w3.org/TR/html401/struct/tables.html