javascript - custom_field が空の場合に親 div を非表示にする方法

Question

私はjsやjqueryに慣れていませんが、「仕事」を終えるために必要です。たとえば、custom_field (CC_STAUS) の値が空の場合、親の divバブルを非表示にします。

以下のコードは残りの一部です。

<div class="bubble">
   <div class="arrow"></div>
     <div class="speach" style="width: 100%;">  CC_STATUS
  </div>
</div>

とcss

.bubble { 
  overflow:hidden; 
  margin:5px 0 0 0;
}
.bubble .speach { 
  background-color:#333333; 
    color:#FFFFFF;
    padding:5px;
    margin:0; 
    font-size: 12px;
    font-family: Segoe UI;
  text-transform: lowercase; 
}
.bubble .arrow {
  margin:0 0 0 15px;
    width:0;
    height:0; 
  border-left: 0px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #333333;
    border-top: 0;
}

CC_STATUSの長さを確認するために、このコードを試してみました (これを単純に適応させました) が、明らかに機能しません。バブルは内容に関係なく常に表示されます。

$('.bubble').each(function() {
    if($(this).attr('CC_STATUS') === '' || $(this).text() === '') {
        $(this).parents('.bubble').hide();
    }
});

jsfiddleを参照してください

（実用的な）解決策を事前に感謝します。