隱藏一個div當另一個是空

其最前一頁我的問題，因爲我不覺得在尋找一個答案......隱藏一個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的引用通告。這可能嗎？

來源

2009-11-30 user221502

當然，當您填充「twitter-trackbacks」區域的數據時，如果它爲空，請將TwitterTrackbacksWrapper的樣式設置爲display：none。

來源

2009-11-30 17:32:47 Michael

我知道，只是不知道，該怎麼做... – user221502 2009-11-30 18:48:55

在您的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;"; 
}

來源

2009-11-30 17:34:45

它必須在JQuery中。不知道爲什麼，這個JavaScript不工作...但是，無論如何，謝謝 – user221502 2009-11-30 17:52:26

此方法適用於使用JQuery。

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

讓我知道是否有幫助。

來源

2009-11-30 17:42:17 Tebo

幾乎...不明白我需要在評論區域。我真的需要一個條件，使用JQuery。如果DIV ID twitter-trackbacks是空的，那麼不要顯示整個TwitterTrackbacksWrapper DIv ID ... – user221502 2009-11-30 18:55:31

隱藏一個div當另一個是空

回答

相關問題