2009-08-31 23 views
7

私は左に浮いているdivと右に浮いているdivを持っています。浮動小数点型のdivに子要素があるかどうかを確認したい。表示されている要素がない場合は、左のdivに適用され、新しいクラスが必要です。以下を参照してください:jqueryを使用して要素に子要素があるかどうかを確認するにはどうすればよいですか?

<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"場合は?

+0

慎重に... 'rightContent'が子供を持っているが、彼らはテキストノードです。意図的なのかどうかは分かりませんが、 '// ...'はCスタイルのコメントであり、 ''はhtmlコメントです。 – Eric

+0

右の内容はコメントです。 – Tony

答えて

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

    // do style changes 

} 
+1

あなたは実際には "> 0"の部分を削除することができますが、少し読みにくいかもしれませんが –

+0

ちょうど - if($( "#rightContent")children()[0]){} – James

11

あなたは:emptyとともにisを使用することができます。

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

} 
+0

ありがとうございました私の最初のjqury関数。 – Tony

1

これを試してみてください:

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

EDITを:正しいID

+0

ニース!正常に動作します。 – Tony

+0

なぜあなたは3等号と比較するのですか?($( '#rightContent')。children()。length === 0)なぜ等しくない2等号 –

+0

@ user750398:https://developer.mozilla.org/en/JavaScript/Reference/Operators/Comparison_Operators – SLaks

関連する問題