Supprimer ou masquer une div si elle est vide

Question

Je sais que cela devrait être simple, mais ne peut pas comprendre. Voici le code. Je dois simplement supprimer le "leftMenuWrapper" si "leftmenu" est vide. Voici ce que j'ai utilisé.

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

Désolé, la question est simple. Avoir un lundi!

Merci!

Answer 1

Vous pouvez le faire comme ceci:

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

Ce ne sélectionne que #leftmenusi il est :empty, puis attrape seulement le .parent() de que à .remove(). Si ce n'était pas vide, alors le premier sélecteur ne trouvera rien, ou n'importe quel parent à supprimer.

Answer 2

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

Answer 3

Si vous voulez supprimer si elle semble vide:

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

jsFiddle example

Les prises ci-dessus seulement le contenu du texte de #leftmenu et les garnitures de l'espace avant de vérifier si Tout est là.

Le grand avantage de ce qui précède sur $(#leftmenu:empty) est que le retire ci-dessus dans les cas suivants où :empty ne serait pas:

    // 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()

---

Notez que ce qui suit est plus efficace (mais moins lisible imo):

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