Come nascondere l'elemento HTML che contiene solo spazi usando jQuery?

Question

Ho il seguente codice HTML:

<div id="rightCon"> 




        </div> 

E poi ho il seguente script in alto:

$('#rightCon:empty').hide(); 

Perché le div non nascondendo? Posso vedere che ci sono degli spazi (che non riesco a sbarazzarmi) ma importa davvero? Come posso rimuovere/nascondere questo div quando è vuoto con solo spazi?

Answer 1

Questo ha risolto il problema.

$(document).ready(function() { 
       if($('#rightCon').text().trim().length < 1) 
       {$('#rightCon').hide();} 
      }); 

Answer 2

Il tuo elemento sembra avere un po 'di spazio bianco, che gli darà un nodo di testo. Per questo motivo non verrà corrisposto da :empty.

Si potrebbe provare a trovare l'elemento e controllando il suo contenuto esplicitamente:

$('#rightCon').filter(function() { 
    var text = $(this).text().replace(/\s*/g, ''); 
    return !text; 
}).hide(); 

Answer 3

tuo div non è in realtà empty (Contiene spazi bianchi). Quindi il selettore $("#rightCon:empty") non valuterà mai e nasconde lo div.

Dal HTML elementi dovrebbero essere unico, si può tranquillamente supporre che sia possibile selezionare l'elemento corretto tramite:

var rightCon = $("#rightCon"); 

È quindi possibile nascondere l'elemento tramite:

right.hide(); 

O

$("#rightCon").hide();