Comment puis-je vérifier si un élément a des éléments enfants utilisant jquery?

Question

J'ai un div flottant à gauche et l'autre flottant à droite. Je veux vérifier si la div qui est flottante a bien l'élément children; si le il n'a aucun élément visible, je veux appliquer et nouvelle classe à la div gauche. Voir ci-dessous:

<div id="leftContent" class="left "> 
    <table></table> 
</div> 


<div id="rightContent" class="content"> 
    //the dom has no visible element 
    //”#ctl00_ContentPlaceHolder1_ somegridView” is not visible  
</div> 

Et j'utilise le script suivant:

$(document).ready(function() { 
    if ($(“#ctl00_ContentPlaceHolder1_ somegridView”).lenght = 0) { 

     $("# leftContent ").removeClass("left"); 
     $("# leftContent ").addClass("center"); 


    } 
}); 

---

div.left 
{ 
    float: left; 
    width: 365px; 
    margin-left: 5px; 
    padding-left: 2px; 
} 
div.center 
{ 
    padding: 2px; 
    margin: 5px; 
    float: none; 
    width: 95%; 
    clear: both; 
} 

Si div id="rightContent" vide?

Answer 1

if ($("#rightContent").children().length > 0) 
{ 

    // do style changes 

} 

Answer 2

Vous pouvez utiliser is avec :empty.

if($('#rightContent').is(':empty')) { 

} 

Answer 3

Essayez ceci:

if ($('#rightContent').children().length === 0) { 
    //Whatever 
} 

EDIT: Correct ID