Làm cách nào để kiểm tra xem một phần tử có bất kỳ phần tử con nào sử dụng jquery không?

Question

Tôi có một div đang trôi nổi và một số khác đang trôi nổi. Tôi muốn kiểm tra xem div đang trôi nổi có phần tử con không; nếu nó không có bất kỳ phần tử hiển thị nào, tôi muốn áp dụng và lớp mới vào div bên trái. Xem dưới đây:

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

Và tôi đang sử dụng đoạn mã sau:

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

Nếu div id="rightContent" trống rỗng?

Answer 1

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

    // do style changes 

} 

Answer 2

Bạn có thể sử dụng is cùng với :empty.

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

} 

Answer 3

Hãy thử điều này:

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

EDIT: Đúng ID