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

Answer 2

HI，

请查看this。

我不知道这是否适合你。这只是我做的一个例子。如果我错了，请纠正我。