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

jQuery hide parent div if child div is empty(如果子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。

这篇关于如果子div为空，则jQuery隐藏父div的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！