Hidding a div if certain conditions

Hidding a div if certain conditions

I don't know if this is possible

In most cases, my html would look like this:

  1. <div class="1"></div>
  2. <p class="1"></p>
  3. <p class="2"></p>
  4. <div class="2"></div>
  5. <p class="1"></p>
  6. <p class="2"></p>
  7. <div class="3"></div>
  8. <p class="1"></p>
  9. <p class="2"></p>
But, if I had a scenario (depending on the data output) and my html looked like this:

  1. <div class="1"></div>
  2. <p class="1"></p>
  3. <p class="2"></p>
  4. <div class="2"></div>
  5. <div class="3"></div>
  6. <p class="1"></p>
  7. <p class="2"></p>
how would I hide div class 2 since there are no p tags under it?

I hope that makes sense.