JQuery - 当 p 为空且有多个实例时隐藏 Div

Question

当用户没有在 div 中的 p 字段中输入文本时，我试图隐藏 div - 我可以使用 :empty 轻松做到这一点，但页面有多个相同 div 的实例，所以如果只有一个 p 为空，它会隐藏所有实例 - 我想我可以使用 'else' 解决这个问题，但无法让它工作...

我的标记：

<div class="sticker"><a href="#linkhere"><p class="circletext">Some text</p></a></div>

我的js：

if ($('.circletext').is(':empty')){
$('.sticker').hide();
} else { 
$('.sticker').show();
}

非常感谢任何帮助:)干杯

Answer 1

首先仅 select 空的 p 然后仅隐藏它们所在的 div。

$('.circletext').filter(':empty').closest('.sticker').hide();