Añadir contenido si el elemento no está vacío

Question

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> 

resultado que quiero:

<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> 

Mi código jQuery:

$(".child").each(function() { 
    if ($(this).html != '') 
     $(this).prepend('<h1>title</h1>'); 
}); 

resultado con mi código jQuery:

<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> 

Así que solo quiero agregar un título a cada div de una determinada clase que no esté vacía.

Answer 1

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

jQuery empty selector

Answer 2

$(".child").each(function() { 
    if ($(this).html()) 
     $(this).prepend('<h1>title</h1>'); 
}); 

Answer 3

Utilice la longitud para verificar en su lugar.

$(".child").each(function() { 
    if ($(this).html().length) 
     $(this).prepend('<h1>title</h1>'); 
}); 

Answer 4

Usted tiene un sin cerrar <p> y para obtener html del selector, se utiliza una función, no un atributo:

$(this).html() 

su violín http://jsfiddle.net/bCKGV/

mina http://jsfiddle.net/bCKGV/1/

Answer 5

$("#parent .child").each(function() { 
    if ($.trim($(this).html()).length > 0) 
     $(this).prepend('<h1>title</h1>'); 
}); 

Answer 6

Prueba esto:

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

O:

$("#parent .child").each(function() { 
    if ($(this).html()) 
     $(this).prepend('<h1>title</h1>'); 
});