Jak ukryć element HTML zawierający tylko spacje za pomocą jQuery?

Question

Mam następujące HTML:

<div id="rightCon"> 




        </div> 

A potem mam następujący skrypt na górze:

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

Dlaczego div nie ukrywa? Widzę, że jest trochę przestrzeni (których nie mogę się pozbyć), ale czy to naprawdę ma znaczenie? Jak usunąć/ukryć ten element div, gdy jest pusty i zawiera tylko spacje?

Answer 1

To rozwiązało problem.

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

Answer 2

Wygląda na to, że Twój element ma spore białe spacje, które nadają mu węzeł tekstowy. Z tego powodu nie będzie on dopasowywany przez :empty.

Można spróbować znalezienia elementu i sprawdzenie jego zawartość wyraźnie:

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

Answer 3

Twój div nie jest faktycznie empty (zawiera spacje). Tak więc selektor $("#rightCon:empty") nigdy nie oceni i nie ukryje div.

Od HTML elementy powinny być unikalne, można bezpiecznie założyć, że można wybrać właściwy element, poprzez:

var rightCon = $("#rightCon"); 

Następnie można ukryć element poprzez:

right.hide(); 

Albo

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