根據div內的內容顯示/隱藏

我想要顯示或隱藏基於包含或不包含內容的div標籤的標題元素（例如<h3></h3>）。內容是動態添加的，但標題元素是靜態的，這會導致標題元素顯示多次沒有內容。這裏有一個例子：根據div內的內容顯示/隱藏

<div id=related-section> 
<h3>Related Articles</h3> 
<div id=related> 
<p>This content is being shown, sometimes it is not shown.</p> 
</div> 
</div>

進一步瞭解詳細：有什麼<div id=related>的樣子，這是兩個國家是（例如）1）<div id=related><p>Prima insolens hendrerit his et, sit exerci detracto...</p></div>或2）<div id=related></div>。後者顯示div內沒有內容。

來源

2011-05-09 SMan

你可以提供一些JS用這個例子嗎？ – pixelbobby 2011-05-09 16:19:32

看起來像這個OP是一個和done'r – pixelbobby 2011-05-12 18:01:21

使用jQuery你能做到以下幾點，之後更新的#related

if($("#related *").length > 0) { 
    $("#related-section h3").show(); 
} else { 
    $("#related-section h3").hide(); 
}

的內容，但如果它是你提供的，你也可以隱藏的完整代碼/顯示整個DIV #related-section，因爲它沒有其他可見內容然後。

來源

2011-05-09 16:21:38 DanielB

+1爲好解決方案 – pixelbobby 2011-05-09 16:30:54

優秀，完美的作品，謝謝！ – SMan 2011-05-09 17:05:09

爲您建立一個撥弄着這裏的代碼：http://jsfiddle.net/2vJfN/

來源

2011-05-09 16:23:32 pixelbobby

+1這工作，雖然只有純文本是在與我的答案相反的＃相關。 – DanielB 2011-05-09 16:28:51

@DanielB：謝謝！更新我的小提琴以檢查長度。好點。 – pixelbobby 2011-05-09 16:30:44

太棒了，完美！ – SMan 2011-05-09 17:02:49

根據div內的內容顯示/隱藏

回答

相關問題