-1

Eu tenho uma tabela em scroll infinito, preciso verificar se o último <tr> dela está SEM o atributo style=display:none. É possível verificar ?

1
  • é possível saber o valor que está definido para display, isso ajuda? Commented 5/08/2019 às 20:03

2 Respostas 2

3

Em jQuery é possível usar

var visivel = $(elemento-ou-seletor).is(":visible"); 
var naoVisivel = $(elemento-ou-seletor).is(":hidden"); 

Isso verifica se o elemento tem display: none; ou não. Ignora a visibilidade, somente o atributo que referes. Elementos com opacidade 0 ou visibility: hidden não são considerados pois tecnicamente fazem parte do render da página e ocupam espaço.

Mais sobre o :visible aqui: https://api.jquery.com/visible-selector/

0

Complementando a resposta do @Sergio, você consegue verificar a última tr da tabela com o seletor :last do jQuery:

if($("table tr:last").is(":hidden")){
   // não está visível
}

Se você tiver apenas 1 tabela na página, o código acima deve funcionar. Mas é mais recomendado pegar a tabela por um id ou outro atributo que seja único da tabela, pare evitar conflito caso você tenha mais de uma tabela na página.

Por exemplo, pelo id:

<table id="tabela">
...
</table>

Seletor:

$("#tabela tr:last").is(":hidden")

Documentação oficial do seletor :last.

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .