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

我环顾四周，发现了很多关于这方面的问题，但没有一个解决方案对我有效。我有一个这样的结构：

<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>

我要做的是将.pricettag隐藏在.Price不包含任何内容的位置。 同一页上可以有很多不同的.pricettag，但我只想隐藏.Price为空的那些。

使用jQuery可以做到这一点吗？我尝试了很多不同的脚本，但都不能正常工作。

---

解决方案

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

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

这里有一个working example。