Nascondi un div se il contenuto è vuoto

Question

La bolla di filosofia è come un div di virgolette in cui è presente un controllo del punto di condivisione, il campo RichHTml che consente agli utenti di digitare contenuto durante la modifica della pagina, ma se l'utente sceglie di lasciarlo vuoto , non ci sarà alcun contenuto nel div in modo che solo la bolla apparirà nella pagina che sembrerà divertente quindi voglio nascondere l'intero div quando non vi è alcuna voce dell'utente o in pratica il div è vuoto ?? Come si fa a jquery? selettore di

<div class="philosophy-bubble"> 
<PublishingWebControls:RichHtmlField FieldName="carephilosophy" runat="server"></PublishingWebControls:RichHtmlField> 
</div> 

Answer 1

utilizzare jQuery :empty:

$('.philosophy-bubble:empty').hide(); 

Ecco a working fiddle.

alternativa

Si potrebbe anche usare la funzione filter() per trovare tutte vuote div e nascondere:

//All divs 
$('div').filter(function() { 
     return $.trim($(this).text()) === '' 
}).hide() 

//div's with a certain class 
$('.philosophy-bubble').filter(function() { 
     return $.trim($(this).text()) === '' 
}).hide() 

//div with a specific ID 
$('#YourDivID').filter(function() { 
     return $.trim($(this).text()) === '' 
}).hide() 

.etc.

Nota: il selettore :empty sarà più efficiente. See jsPerf.

Answer 2

var myDiv = $('#myDiv'); 

if (myDiv.text() == '') 
{ 
    myDiv.hide(); 
} 

Answer 3

Qualcosa di simile:

if ($('.philosophy-bubble').is(":empty")){ 
    $('.philosophy-bubble').hide(); 
} 

ecco un violino: http://jsfiddle.net/IrvinDominin/XYr9T/1/

EDIT

migliore utilizzando:

$('.philosophy-bubble:empty').hide() 

http://jsfiddle.net/IrvinDominin/XYr9T/3/