2009-11-30 46 views
0

其最前一页我的问题,因为我不觉得在寻找一个答案......隐藏一个div当另一个是空

它可能隐藏一个div,当另一个是空的?这里的例子:

<div id='TwitterTrackbacksWrapper'> 
<h4><img align='bottom' alt='Twitter Trackbacks' src='http://Imagens/twitter-bird.png'/> twitter trackbacks</h4> 
<div class='twitter-trackbacks' id='twitter-trackbacks'/> 
</div> 

我想隐藏/删除整个事业部ID TwitterTrackbacksWrapper时没有什么可显示在一个div /类Twitter的引用通告。这可能吗?

回答

0

当然,当您填充“twitter-trackbacks”区域的数据时,如果它为空,请将TwitterTrackbacksWrapper的样式设置为display:none。

+0

我知道,只是不知道,该怎么做... – user221502 2009-11-30 18:48:55

1

在您的onload该页面,检查twitter-trackbacks div的innerHtml财产。如果是空的。将TwitterTrackbacksWrapper的样式属性设置为display:'none'

喜欢的东西:

function hideIfEmpty() 
{ 
    var inner = document.getElementById("twitter-trackbacks"); 
    if (inner.innerHTML=="") 
    document.getElementById("TwitterTrackbacksWrapper").style="display:none;"; 
} 
+0

它必须在JQuery中。不知道为什么,这个JavaScript不工作...但是,无论如何,谢谢 – user221502 2009-11-30 17:52:26

0

此方法适用于使用JQuery。

if ($('#TwitterTrackbacksWrapper').html().length == 0) { 
    //Then, there is nothing in the div 
    //Please remove me. 
} 

让我知道是否有帮助。

+0

几乎...不明白我需要在评论区域。我真的需要一个条件,使用JQuery。如果DIV ID twitter-trackbacks是空的,那么不要显示整个TwitterTrackbacksWrapper DIv ID ... – user221502 2009-11-30 18:55:31