JS/jQuery返回相关TD的TH,可能吗？

Question

我需要知道.html()当没有使用jQuery选择器设置id或类时,是否可以获得特定TH.

为了说明我的问题:

TABLE
    THEAD TR
        TH1 TH2 TH3
    TBODY TR
        TD1 TD2 TD3

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

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

如果没有为每个TH或TD设置id/class,请告诉我如何做到这一点.

Answer 1

如果处理程序在您的<td>元素上,那么在您的处理程序中:

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

表格单元格保留自己的索引号,可通过cellIndex属性访问.

表行通过相同的事情rowIndex.

jQuery方法是:

• 得到的closest()^[docs]方法<table>

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

• 的eq()^[文档]方法,以减少<th>元件下降到一个相同的索引的所述<td>

进一步减少jQuery可能看起来像这样:

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