如何使用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')) {

}

Answer 3

嘗試這個：

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

編輯 ：正確的ID