Aggiungere contenuto se l'elemento non è vuota

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> 

risultato che voglio:

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

Il mio codice jQuery:

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

Risultato con il mio codice 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> 

Quindi voglio solo aggiungere un titolo ad ogni div di una certa classe che non è vuota.

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

Utilizzare la lunghezza per verificare.

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

Answer 4

Hai avuto un non chiusa <p> e per ottenere HTML del selettore, si utilizza una funzione, non un attributo:

$(this).html() 

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

Prova questo:

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

O:

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