綁定到一個元素。如果該元素存在，做X如果不做Ÿ

Question

是這樣的可能使用jQuery：

<div class="contentcol"> 
<div class="rightCol"> 
</div> 
<div class="contentArea"> 
</div> 
</div> 

該頁面將有內容注入ContentCol上點擊。我想要的是這樣的：

一個活的綁定。如果.rightCol存在& &裏面沒有東西（html/text），向.contentCol = hideRightCol添加一個類，如果contentCol中沒有東西，則不刪除hideRightCol類。

對此提出建議？

感謝

Answer 1

使用jQuery：

if($(".rightCol").html()) { 
    $(".contentCol").addClass("hideRightCol"); 
} else { 
    $(".contentCol").removeClass("hideRightCol"); 
} 

Answer 2

var rightcol = $('.rightCol')[0]; 
if (rightcol && !rightcol.innerHTML) 
    $('.rightCol').hide(); 
else 
    $('.rightCol').show(); 

Answer 3

試試這個：

$(".contentcol").live("click", function(){ 
    var $this = $(this); 
    if(
      $this.find(".rightCol").length > 0) && 
      $this.text() == "" 
    ) 
     { 
      $this.addClass("hideRightCol"); 
     } 
     else 
     { 
      $this.removeClass("hideRightCol"); 
     } 
});