检查选定行是否是表中最后一个可见行

以前我在一个条件下检查一个表是否是像这样的表中的最后一行:

$row.is(':last-child')

这工作正常。

现在,我有一个要求,表中的一些行被隐藏 - 现在我必须检查一个特定行是否是表中最后一个可见行。

我试着用这个:

$row.is(':visible:last-child')

但不是那个成功的。 有人有线索吗?


这不起作用,因为last-childdisplay: none;

一种方法是迭代孩子以找到最后一个可见孩子的索引(参见小提琴)

var $rows = $('td');
var $rowsReverse = $($rows.get().reverse());

var $lastVisibleIndex = -1;
$rowsReverse.each(function(index) {
    if ($lastVisibleIndex == -1 && $(this).is(':visible')) {
        $lastVisibleIndex = $rowsReverse.length - index - 1;
    }
});

$rows.each(function(index) {
    var $row = $(this);
    if (index == $lastVisibleIndex) {            
        $row.addClass('red');
    }
});​

感谢大家的快速反馈。 我可以用下面的方法解决它:

$row.parent().find('tr:visible').last().attr('data-id') is $row.attr('data-id')

(它在一个循环中)

@falsarella你的答案,我猜工作正常 - 有点复杂,但它显然工作。


你可以试试

$(element).is(":visible").last();

要么

$(element:visible).last();

如果这不起作用,请告诉我。

链接地址: http://www.djcxy.com/p/65731.html

上一篇: check if selected row is last visible row in table

下一篇: SQLite sort special characters alphabetically