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

Answer 3

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

http://jsfiddle.net/ptGE2/

正如 Mathieu 链接到的。

Answer 4

尝试其中之一

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

or

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