jquery - 检索受 "rowspan"影响的行的列索引的最有效方法是什么？

Question

考虑下表:

<table>
    <thead>
        <tr>
            <th scope="col" />
            <th scope="col">A</th>
            <th scope="col">B</th>
            <th scope="col">C</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <th scope="row">1</th>
            <td>Apples</td>
            <td>Oranges</td>
            <td>Pears</td>
        </tr>
        <tr>
            <th scope="row">2</th>
            <td rowspan="2">Subcategory Heading</td>
            <td>ASP.Net</td>
            <td>Other</td>
        </tr>
        <tr>
            <th scope="row">3</th>
            <td>MVC</td>
            <td>PHP</td>
        </tr>
        <tr>
            <th scope="row">4</th>
            <td>Red</td>
            <td>Green</td>
            <td>Blue</td>
        </tr>
    </tbody>
    <tfoot>
        <tr>
            <td colspan="4">Some pointless footer content</td>
        </tr>
    </tfoot>
</table>

如何使用 jQuery 检索包含文本“MVC”或“PHP”的单元格的正确列号？正确答案是第 3 列，但仅使用 .prevAll().length 只会计算之前单元格的数量，在这种情况下不能准确反射(reflect)它们的实际列位置？

我确定我需要使用 each()，但我也在寻找最有效的实现方式。

Answer 1

我最近针对同样的问题写了一个针对这种情况的解决方案:

How can I find each table cell's "visual location" using jQuery?

可能是搜索此内容的人的另一种解决方案。