内容简介：翻译自：https://stackoverflow.com/questions/11290432/jquery-hide-parent-div-if-child-div-is-empty
我环顾四周,发现了很多关于此的问题,但没有一个解决方案适合我.我有这样的结构：
<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？我尝试了很多不同的脚本但没有一个正常工作.
假设空的.price元素永远不会包含任何文本节点(例如换行符号),则可以使用
:empty
选择器和
parent
方法： $(".price:empty").parent().hide();
这是 working example .
翻译自：https://stackoverflow.com/questions/11290432/jquery-hide-parent-div-if-child-div-is-empty
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持 码农网
猜你喜欢:
本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。
社交网站界面设计
Christian Crumlish、Erin Malone / 樊旺斌、师蓉 / 机械工业出版社 / 2010-9-1 / 69.00元
《社交网站界面设计》提供100多种模式、原则以及最佳实践，并针对在设计社交网站时经常遇到的问题给出明确建议。本书将提供给你培养用户交互习惯和构建社区最具价值的参考。 本书作者将与你分享难得的经验，教会你平衡各种不同的因素，并与你的用户共同构建和谐健康的网络社区。 本书教会你 掌握创建任何网站时都会用到的原则 学习基本设计模式，以便向现有的网站中添加新的社交组件 学会在......一起来看看 《社交网站界面设计》 这本书的介绍吧!
