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与:empty一起使用。

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

}

Answer 3

试试这个：

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

编辑：更正ID

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

3 个答案: