当另一个为空时隐藏div

Question

这是我的问题，因为我在搜索中找不到答案......

当另一个空的时候可以隐藏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>

我想在div / class twitter-trackbacks上显示任何内容时隐藏/删除整个Div ID TwitterTrackbacksWrapper。那可能吗？

Answer 1

在页面的onload上，查看twitter-trackbacks div的innerHtml媒体资源。如果是空的。将TwitterTrackbacksWrapper的style属性设置为display:'none'。

类似的东西：

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

Answer 2

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

Answer 3

此解决方案使用JQuery。

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

如果有帮助，请告诉我。