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

栏目: jQuery · 发布时间: 7年前

内容简介:翻译自: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


以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持 码农网

查看所有标签

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

洞察人心

洞察人心

Steve Portigal / 张振东、蒋晓、戴传庆、孙启玉 / 电子工业出版社 / 2015-10 / 65.00元

用户在哪里,有什么需求?他们为什么会选用竞争对手的产品而不是你的?从大数据中固然能得出一些结论,但是要搞清楚作为地球上顶级复杂生物的人的真实想法,还是走近他们,面对面访谈更直接有效。 用户访谈是一项技能,与一般的交谈有本质上的区别,需要遵从一定的步骤和方法。优秀的采访者用最自然的方式和用户进行交流,看似不经意,而实际上该说什么、何时说、如何说以及什么时候应该沉默,都有精准的权衡,都试图在闲聊......一起来看看 《洞察人心》 这本书的介绍吧!

CSS 压缩/解压工具
CSS 压缩/解压工具

在线压缩/解压 CSS 代码

Base64 编码/解码
Base64 编码/解码

Base64 编码/解码

RGB HSV 转换
RGB HSV 转换

RGB HSV 互转工具