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

Question

我想使用 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>

我想查找类为 columnChild 的单元格的列号。我知道它是 .totalRow 的第二个子项，并且是表中的第二列，但我如何找到它？

最终我想要实现的是将其添加到一个数组中，这样我就可以将具有 columnChild 类的列添加到数组中，这样我就可以为每个列运行一个函数第二个 child 的表格行。

我已经尝试多次编写此内容，但我遇到了一些编码障碍，因此我们将不胜感激。如果您需要更多信息，请告诉我，我会尽力提供。

Answer 1

要获取 tr 中 td 的索引，您可以简单地使用

var index = $('.columnChild').index();

如果您有多个此类的单元格，并且希望将它们的索引放在数组中(我不确定我是否理解以“最终”开头的第二个问题)，您可以这样做

var indexes = $('.columnChild').map(function(){return $(this).index()});