如果子div为空，则jQuery隐藏父div
本文介绍了如果子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的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，