如何使用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')

Answer 2

$last = $('tbody tr:visible').last();