如果子div为空,则jQuery隐藏父div

Question

我环顾四周,发现了很多关于此的问题,但没有一个解决方案适合我.我有这样的结构:

<div class="pricetag">
    <div class="price">400</div>
</div>

<div class="pricetag">
    <div class="price"></div>
</div>

<div class="pricetag">
    <div class="price">250</div>
</div>

我想要做的是隐藏.pricetag,其中.price不包含任何内容.它可以在同一页面上有很多不同的.pricetag,但我只想隐藏那些空的.price.

这有可能与jQuery？我尝试了很多不同的脚本但没有一个正常工作.

Answer 1

您可以使用:empty选择器和parent方法,假设空.price元素永远不会包含任何文本节点(例如换行符号):

$(".price:empty").parent().hide();

这是一个有效的例子.