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

Question

当用户没有在该div中的ap字段中输入文本时，我正在尝试隐藏div - 我可以使用以下方法执行此操作：容易地清空但页面具有相同div的多个实例，因此它将所有内容隐藏起来如果只有一个是空的 - 我想我可以使用'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

首先只选择空p，然后才隐藏它们所在的div。

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