Come posso verificare se un elemento ha elementi figli usando jquery?

Question

Ho un div che è mobile a sinistra e l'altro a destra. Voglio controllare se il div che sta a destra ha l'elemento children; se non ha alcun elemento visibile, voglio applicato e nuova classe al div sinistro. Vedi sotto:

<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> 

E sto utilizzando il seguente script:

$(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; 
} 

Se div id="rightContent" vuoto?

Answer 1

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

    // do style changes 

} 

Answer 2

È possibile utilizzare is con :empty.

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

} 

Answer 3

Prova questo:

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

EDIT: ID corretto