Usuń lub ukryj element div, jeśli jest pusty.

Question

Wiem, że to powinno być proste, ale nie można tego rozgryźć. Oto kod.

<div class="cols lmenu_item1" id="leftMenuWrapper"> 
<div id="leftmenu"></div> 
</div> 

Po prostu trzeba usunąć "leftMenuWrapper", jeśli "lewe menu" jest puste. Oto, czego używam.

$('#leftmenu').empty().remove('#leftMenuWrapper'); 

Przepraszam, jeśli to proste pytanie. Mając poniedziałek!

Dzięki!

Answer 1

Można to zrobić tak:

$('#leftmenu:empty').parent().remove(); 

Wybiera tylko #leftmenujeśli To :empty, a następnie chwyta tylko .parent() z że do .remove(). Jeśli nie był pusty, pierwszy selektor nie znajdzie niczego ani żadnego rodzica do usunięcia.

Answer 2

if(!$('#leftmenu').html()){ $('#leftmenu').parent().remove(); } 

Answer 3

Jeśli chcesz usunąć jeśli wygląda pusty:

if ($.trim($('#leftmenu').text()) == "") 
    $('#leftMenuWrapper').remove(); 

jsFiddle example

Powyższy zajmuje tylko zawartość tekstową #leftmenu i przycina się od spacji przed sprawdzeniem, czy Cokolwiek tam jest.

Dużą zaletą wyżej nad $(#leftmenu:empty) jest, że powyższe usuwa w następujących przypadkach :empty nie będzie:

    // The above code works in these cases where ":empty" does not: 

<div id="leftmenu">  </div>        // <== white space 
<div id="leftmenu"><p></p></div>       // <== empty elements 

.trim()
.text()
.remove()

---

pamiętać, że poniższe jest bardziej wydajny (ale mniej czytelny IMO):

var $elie = ('#leftmenu'); 
if ($.trim($elie.text()) == "") 
    $elie.parent().remove();