> Coté Blog > Trouvailles Jquery > Astuce JQuery : Tester si un élément est vide

J’ai étais confronté à un petit problème de développement, que j’ai réussi à résoudre. Je vous fais donc partager ! (Sympas non ?)

J’ai une div en pied de page qui peut accueillir une liste de liens, ors si cette liste n’existe pas, la div reste vide, désespérément vide. Il convient donc de ne pas l’afficher.

Le petit bout de code suivant est la pour ça :

$(document).ready(function(){
        var contenu = $.trim($(".classdemadiv").html());
        if (contenu == ""){
                $(".classdemadiv").remove();
        }
});

la méthode trim() sert à supprimer les sauts de lignes, car votre div ne sera pas considéré(e ?) comme vide si elle contient ne serait-ce qu’un saut de ligne. Il faut donc les enlever.

Dans cet exemple, on supprime l’élément de la page avec remove(). On peut très simplement la masquer avec hide(). Ou encore la remplir d’un autre contenu avec text()

1 Message

  • Astuce JQuery : Tester si un élément est vide 24 février 2010 13:27, par Johan BLEUZEN

    Toujours utile d’avoir sa petite boite à outils de fonctions à la cons... Ce que je propose plutôt c’est un tout simple :

    if ($(".classDeTaDiv","#IdDeTaDiv").children().length)

    $(".classDeTaDiv","#IdDeTaDiv").remove() ;

    Je suis pas trop fan de faire des tests sur le contenu...

    PS : Dommage de pas avoir la balise CODE dans les commentaires...

    Voir en ligne : Mon blog

    Répondre à ce message

Haut de pageremonter en haut de page

Qui êtes-vous ?

Pour afficher votre trombine avec votre message, enregistrez-la d'abord sur gravatar.com (gratuit et indolore) et n'oubliez pas d'indiquer votre adresse e-mail ici.

24
Fév

Retrouvez Creamama sur les réseaux suivants

Les recherches fréquentes

Infos