如果子 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();

这是一个 working example .