Question

之前我在一个条件中检查了一行是否是这样的表中的最后一行：

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

工作正常。

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

我试过这个：

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

但不是那么成功。有人有线索吗？

Answer 1

这不起作用，因为last-child是display: none;。

一种方法是迭代孩子以找到最后一个可见孩子的索引 (see fiddle) ：

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');
    }
});

Answer 2

Thanx大家快速反馈。我可以用以下方法解决它：

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

（它在循环中）

@falsarella你的回答我认为工作正常 - 有点复杂，但显然有效。

Answer 3

你可以尝试

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

或

$(element:visible).last();

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

jQuery - 检查所选行是否是表中的最后一个可见行

3 个答案: