Question

I was wondering how I could hide a div if the child div doesn’t exist inside it. Each div will contain a h2 tag, but if the div doesn’t include a div named “info” I’d like it to be hidden. Here’s the structure:

<div class="qaContainer"> (this div can stay as is, as it contains an "info" div)
  <h2>Testing Category 03</h2>
  <div class="info">if this div exists then this parent div can stay as is</div>
</div>
<div class="qaContainer"> (i need this div to be hidden as it doesn't contain a "info" div) 
  <h2>Testing Category 04</h2>
</div>

Cheers

Answer 1

I’m guessing something like

$('.qaContainer').not($('.info').parent()).hide();

Would work.