jquery - 如何使用 jQuery 获取 html 表的最后一个可见子表行？

Question

我想知道如何使用 jQuery 获取 HTML 表格的最后一个可见子项？我问的原因是，我不能使用 CSS 3 获取最后一个子节点，因为旧版浏览器不支持它，这是我正在处理的遗留项目。

我有一个这样的表结构:

<table id="table">
    <tr>
        <td>Some name</td>
    </tr>
    <tr>
        <td>Some name</td>
    </tr>
    <tr style="display:none;">
        <td>Some name</td>
    </tr>
</table>

最后一个表行不可见，当单击数据旁边的加号时它会显示，但它不相关。我想了解如何使用 jQuery 选择器获取最后一个可见的表格行。

目前我正在使用

$last = $('#table').find('tbody tr:last-child');
$last.addClass('last-child');

但它实际上返回了隐藏的表格行。

提前致谢

Answer 1

尝试:

$('tr:visible:last','#table')