Add content if element is not empty

jquery

Solution

$(".child:not(:empty)").prepend('<h1>title</h1>');

jQuery empty selector

Problem

HTML: ``` <div id="parent"> <div class="child"></div> <div class="child"><p>Div with content<p></div> <div class="child"><img scr="pic.png" alt="Div with picture" /></div> </div> ``` Result I want: ``` <div id="parent"> <div class="child"></div> <div class="child"><h1>title</h1><p>Div with content<p></div> <div class="child"><h1>title</h1><img scr="pic.png" alt="Div with picture" /></div> </div> ``` My jQuery code: ``` $(".child").each(function() { if ($(this).html != '') $(this).prepend('<h1>title</h1>'); }); ``` Result with my jQuery code: ``` <div id="parent"> <div class="child"><h1>title</h1></div> <div class="child"><h1>title</h1><p>Div with content<p></div> <div class="child"><h1>title</h1><img scr="pic.png" alt="Div with picture" /></div> </div> ``` So I just want to add a title to every div of a certain class that's not empty.

Original source