Skip to main content
1 de 2

Verificar se HTML esta vazio

Eu tenho essa div:

<div class="listagem-usuarios">
    //Aqui eu deixo vazio e insiro algo quando necessário através do append
</div>

Gostaria de verificar se dentro dessa div não existe nada.

Fiz assim:

if($('.listagem-usuarios').is(':empty')){
    alert('está vazio!');
}else{
   alert('não ta vazio!');
}

Só que tem um porém... Ás vezes, eu escondo o que está dentro da div através do .hide(); Logo, mesmo se o HTML visualmente estiver vazio, ele vai dar como se estivesse preenchido.

Tem alguma maneira de verificar se tem elementos escondidos ou não?

Resumindo, preciso saber se o HTML visualmente está preenchido ou não, independente se realmente não tiver nenhum elemento ou se só está escondido.