如何使用jQuery查找HTML表的列号

Ant*_*ore 4 jquery html-table

我想找出使用​​jQuery的td所属的列号.

例如:

<table>
    <tr>
        <td>Row1, Column1</td>
        <td>Row1, Column2</td>
    </tr>
    <tr class="totalRow">
        <td>Row2, Column1</td>
        <td class="columnChild">Row2, Column2</td>
    </tr>
</table>
Run Code Online (Sandbox Code Playgroud)

我想找到一个类的单元格的列号columnChild.我知道它是第二个孩子.totalRow,并且是表中的第二列,但我如何找到它?

最终我想要实现的是将它添加到一个数组中,这样我就可以使用类的列columnChild并将它们添加到数组中,这样我就可以为第二个子节点上的每一行运行一个函数.

我已经尝试过多次写这篇文章,但是我打算让一些编码器阻塞,所以任何帮助都会非常感激.如果您需要更多信息,请告诉我,我会尽我所能.

Den*_*ret 11

要获得tr中td的索引,您只需使用即可

var index = $('.columnChild').index();
Run Code Online (Sandbox Code Playgroud)

如果你有几个这个类的单元格,你想要他们的索引在一个数组(我不知道我理解以"最终"开头的第二个问题),你可以做

var indexes = $('.columnChild').map(function(){return $(this).index()});
Run Code Online (Sandbox Code Playgroud)