javascript - JS/jQuery 返回相关 TD 的 TH，可能吗？

Question

我需要知道是否有可能在没有使用 jQuery 选择器设置 id 或类时获取特定 TH 的 .html()。

为了说明我的问题:

TABLE
    THEAD TR
        TH1 TH2 TH3
    TBODY TR
        TD1 TD2 TD3

我设置了一个 $('table tbody tr td') 函数，通过双击将单元格转换为输入字段，然后在模糊时返回文本，反射(reflect)对单元格所做的更改通过输入字段。

我需要能够知道我正在访问哪个列。因此，如果有人双击 TD2，我希望输入字段名称包含 TH2。

请告诉我如何在不为每个 TH 或 TD 设置 id/class 的情况下做到这一点。

Answer 1

如果处理程序在您的 <td> 上元素，然后在你的处理程序中:

var th = $(this).closest('table').find('th').eq( this.cellIndex );

表格单元格维护自己的索引号，可通过 cellIndex 访问属性(property)。

表格行通过 rowIndex 做同样的事情.

jQuery 方法是:

• closest() ^[docs]获取<table>的方法

• find() ^[docs]查找嵌套 <th> 的方法元素

• eq() ^[docs]减少<th>的方法元素向下到与 <td> 具有相同索引的元素

进一步简化 jQuery 可能如下所示:

var th = $(this).closest('table')[0].rows[0].cells[ this.cellIndex ];