检查选定行是否是表中最后一个可见行
以前我在一个条件下检查一个表是否是像这样的表中的最后一行:
$row.is(':last-child')
这工作正常。
现在,我有一个要求,表中的一些行被隐藏 - 现在我必须检查一个特定行是否是表中最后一个可见行。
我试着用这个:
$row.is(':visible:last-child')
但不是那个成功的。 有人有线索吗?
这不起作用,因为last-child
是display: 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