jquery loop to check if element is empty

Question

<div class="parent">

 <div class="child_1">

  content to remove if child_2 is empty!

 </div>

 <div class="child_2">

  content of child_2

 </div>

in the page repeated a dozen times..how could i check if any "child_2" element is empty and if so remove content of "child_1"??

thanks

Luca

js1568 · Accepted Answer · 2011-03-21 17:48:03Z

8

$('div.child_2:empty').each(function() {
  $(this).prev('div.child_1').empty();
});

answered Mar 21, 2011 at 17:48

js1568

7,0322 gold badges30 silver badges47 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Tomalak Over a year ago

Beware :empty is only true for "no children whatsoever", not for elements with "whitespace-only" content.

Alpesh · Accepted Answer · 2011-03-21 17:50:05Z

2

Try this -

$('.child_2').each(function(){

  if($(this).html()==''){
    $(this).prev('.child_1').html('');
  }


});

answered Mar 21, 2011 at 17:50

Alpesh

5,4152 gold badges23 silver badges19 bronze badges

Comments

Tomalak · Accepted Answer · 2011-03-21 17:56:15Z

0

Are you familiar with $.each()?

$(".child_1").each(function() {
    var child_2 = $(this).siblings(".child_2"); // "this" is the element being iterated over
    if (child_2.html().length == 0) {
        $(this).html("");
    }
}

I think that is what you want.

edited Mar 21, 2011 at 17:56

Tomalak

340k68 gold badges547 silver badges635 bronze badges

answered Mar 21, 2011 at 17:50

chriscauley

21.6k10 gold badges35 silver badges34 bronze badges

Collectives™ on Stack Overflow

jquery loop to check if element is empty

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related