¿Cómo puedo verificar si un elemento tiene elementos secundarios usando jquery?

Question

Tengo un div que flota a la izquierda y el otro a la derecha. Quiero comprobar si el div que está flotando a la derecha tiene elementos hijos; si no tiene ningún elemento visible, quiero que se apliquen y nueva clase a la div izquierda. Vea a continuación:

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

y estoy usando el siguiente 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; 
} 

Si div id="rightContent" vacío?

Answer 1

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

    // do style changes 

} 

Answer 2

Se puede utilizar junto con is:empty.

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

} 

Answer 3

Prueba esto:

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

EDITAR: Identificación correcta