如果子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

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

查看所有标签

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

码农书籍

PHP程序设计

Kevin Tatroe、Rasmus Lerdorf / 邓云佳 / 中国电力出版社 / 2003-7-1 / 68.00

本书涵盖了创建一个高效PHP Web应用程序所需要的所有技术，其内容包括：PHP语言基础的详细信息，包括数据类型、变量、操作符和流控制语句。用专门章节讨论关于函数、字符串、数组和对象的基本内容。涵盖通用的PHP Web应用程序设计技术，如表单处理和验证、会话跟踪以及cookie。用和数据库无关的PEAR DB库与关系数据库（如MySQL和Oracle）进行交互的内容。介绍用PHP生成动态图像、创建一起来看看《PHP程序设计》这本书的介绍吧!

码农工具

CSS 压缩/解压工具

在线压缩/解压 CSS 代码

RGB HSV 转换

RGB HSV 互转工具