如何使用jquery检查元素是否包含任何子元素？

Question

我有一个向左浮动的div,另一个向右浮动.我想检查右边的div是否有子元素; 如果它没有任何可见元素,我想要应用左侧div的新类.见下文:

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

我正在使用以下脚本:

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

如果div id="rightContent"空？

Answer 1

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

   // do style changes

}

Answer 2

你可以使用is with :empty.

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

}