html - 如果元素包含带有类的特定div,如何隐藏元素
问题描述
我有这个html结构:
<div>
<div class="parent">
<div>
<div class="label">
<div class="xyz"></div>
</div>
</div>
</div>
<div class="parent">
<div>
<div class="label">
</div>
</div>
</div>
</div>
如果它包含 div 我想隐藏父级,class="xyz"
我试过了:
.parent div.xyz {
display: none;
}
但似乎我的选择器不起作用。
解决方案
在 css 中,没有父元素选择器。在您的情况下,您可以使用 jquery 来实现解决方案。
$('.parent:has(.xyz)').addClass('hide');
.hide {
visibility: hidden;
}
推荐阅读
- alexa - 如何在 Google Assistant 中集成 Alexa 技能?
- javascript - 在 Windows 上使用 Atom 编辑器插入“CR”更漂亮的错误
- c# - 我在 azure 中部署的 Web 应用程序需要指向一个静态 IP 地址
- tsql - 使用 T-SQL 在具有多数据的单个脚本中将数据插入到 Master 和 Detail 表
- db2 - SQL1092N 请求的命令或操作失败,因为用户标识没有执行请求的命令或操作的权限
- ios - 需要帮助完成我在状态机上的第一次测试计时器应用程序尝试 - 我想我仍然有转换错误
- reactjs - 在没有 ES6 或 Webpack 的情况下使用 CDN 链接反应 redux
- node.js - 当回调未作为参数传递时,如何使用 sinon 在 node.js 中对回调进行单元测试?
- automation - QTP 11 与 Flex 3.0
- java - 'ol 错误:无法找到或加载主类 os x