根据 div 内的内容显示/隐藏

Question

我想根据包含内容或不包含内容的 div 标签显示或隐藏标题元素（例如

）。内容是动态添加的，但 header 元素是静态的，这会导致 header 元素多次显示而其下方没有内容。这是一个示例：

<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>

更多详细信息：

的外观有两种状态，（例如）1)

Prima insolens hendrerit his et 、坐姿练习减分...

或 2)

。后者显示 div 内的内容为零。

Answer 1

使用 jQuery，在更新 #lated 的内容后，您可以执行以下操作，

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

但如果它是您提供的完整代码，您还可以隐藏/显示整个 div #lated-section > 因为此时它没有其他可见内容。

Answer 2

使用此处的代码为您创建了一个小提琴： http://jsfiddle.net/2vJfN/