scripting - 当另一个为空时隐藏一个 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-trackbacksdiv 的innerHtml属性。如果是空的。将 TwitterTrackbacksWrapper 的样式属性设置为display:'none'.

就像是：

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

Answer 2

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

Answer 3

该解决方案使用 JQuery 工作。

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

让我知道它是否有帮助。