Question

0

254

Vistas

How can I hide divs if they are empty?

I have some divs that maybe be empty (depending on server-side logic).

<div id="bar">

<div class="section" style="display:block;"></div>
<div class="section" style="display:block;"></div>
<div class="section" style="display:block;"></div>

</div>

If they don't have any html inside the div's (with class section), I just want to hide them.

How can I do this?

over 4 years ago · Santiago Trujillo

3 Respuestas

Responde la pregunta

0

Here is a CSS3 solution for anyone who is interested

div:empty {
  display:none;
}

over 4 years ago · Santiago Trujillo Denunciar

0

Why does nobody use .filter ?

$("div.section").filter(function() {
    return this.childNodes.length === 0;
}).hide();

This is a more elegant solution compared to using .each.

over 4 years ago · Santiago Trujillo Denunciar

Responde la pregunta

Encuentra empleos remotos

Accepted Answer · 2022-05-24T14:40:43.139Z

jQuery has a :empty selector. So, you can simply do:

$('div.section:empty').hide();

0

254

How can I hide divs if they are empty?

3 Respuestas

0

0

0

Encuentra empleos remotos

Andres GPT