javascript - 仅隐藏那些为空或没有文本的跨度

Question

我只需要隐藏那些没有任何文本的 span。

<div class="img-wrapper">
    <div class="showcase-caption" style="display: block; "> <span id="MainContent_ImageCaption_0">This has caption</span>

    </div>
    <div class="showcase-caption" style="display: block;">  <span id="MainContent_ImageCaption_1"></span>

    </div>
    <div class="showcase-caption" style="display: block;">  <span id="MainContent_ImageCaption_2">This has caption and show show</span>

    </div>
    <div class="showcase-caption" style="display: block;">  <span id="MainContent_ImageCaption_3"></span>

    </div>
</div>

http://fiddle.jshell.net/0mzpLrt3/

Answer 1

您可以对您的 JavaScript 稍作更改(在 fiddle 中)以删除或隐藏空元素的父元素:

$(".img-wrapper span:empty").each( function () {
    $(this).parent().remove(); // or .hide() to hide
});