jquery - 如果使用 jquery 在 div 标签内的 span 元素为空，则隐藏元素

Question

如果 div 中的 span 元素没有文本，我想隐藏一个元素

下面是示例 HTML

<div class="showcase-caption" style="display: block;">
 <span> If this span has no text then i need to change the display property of outer div to none</span>
</div>

JsFiddle link

我尝试使用 css 来执行此操作，但它没有按预期工作。所以我认为 jquery 可以更好地工作并且也可以处理较旧的浏览器。

在这种情况下，我需要更改由其他脚本自动生成的内联属性，用于显示图片库的图片标题。

更新:谢谢你们的回复。我选择“satpal”解决方案，因为它很短并且给了我准确的结果。

Answer 1

只需使用 :empty 。你不需要 if block 。

$('.showcase-caption span:empty').parent().hide()

Demo