如何隐藏一个空的div以及与其关联的另一个可能为空或不为空的div？

Question

我有一个名为“哲学气泡”的语音气泡，它只是一个看起来像引用气泡的 div，共享点控件填充了气泡的内容，但有时气泡可能没有任何文本，需要隐藏。不仅仅是气泡，还有下面的文字，就像“Mr.”。 X 说的“应该隐藏，因为气泡是空的”。 jquery中是如何实现的？

<div class="philosophy-bubble">Quote goes here                  
</div>                              
<span class="credit">
Quoter..
</span>

Answer 1

假设您只想隐藏其中没有文本的气泡，您可以这样做：

$(".philosophy-bubble").each(function() {
    if (this.innerHTML.match(/\S/)) {
        $(this).hide().next(".credit").hide();

    }
});

Answer 2

如果您有权访问 HTML，则可以将

和 包装在父

中标签。然后可以隐藏父级。

$('.philsophy-bubble').parent().hide()

如果您有权访问 jQuery（我看到您标记了此 jQuery），您可以使用 .next() 函数获取下一个兄弟（垂直）。

类似...

$('.philosophy-bubble').hide().next().hide();