javascript - 根据 div 样式显示 div 100%
问题描述
我想显示一个 div,它取决于某些宽度的 div 为 100% 时的条件。我想显示div 的.show_div
宽度何时为 100%。.main
这就是我想要做的:
var x = $('.main');
if (x.width() == '100%' ) {
$('.show_div').show();
}
.main {
background: red;
height: 50px;
padding: 10px;
}
.show_div {
display: none;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="main" style="width:100%"> </div>
<div class="show_div">
I am visible bcz width 100%
</div>
提前致谢
解决方案
使用 if width
==parent.width()
表示100%
var x = $('.main');
if (x.width()== x.parent().width()){
$('.show_div').show();
}
.main{ background: red; height: 50px; padding: 10px;}
.show_div{ display: none;}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="main" style="width:100%"> </div>
<div class="show_div">
I am visible bcz width 100%
</div>
如果你在 DOM 中使用属性来声明,你可以在css中做到这一点style
width
.main{ background: red; height: 50px; padding: 10px;}
.show_div{ display: none;}
.main[style="width:100%"]~.show_div{
display: block;
}
<div class="main" style="width:100%"> </div>
<div class="show_div">
I am visible bcz width 100%
</div>
推荐阅读
- cypress - 在 Cypress XHR 中将 POST 请求修改为 GET 请求
- c# - C# MVC 从服务器端获取与浏览器中完全相同的 URL 字符串
- ios - SwiftUI:操作从“For - In”循环生成的单个项目
- php - 从目录中取消链接图像
- asp.net-core - AspNetZero .NetCore + Angular 项目 - api 版本控制
- javascript - 刷新时如何保存页面状态?(HTML,JS)
- java - Java - 随机选择对象
- python - 列出在 Python 中滚动六面骰子的每次迭代
- git - 在现有分支上创建另一个分支
- git - Git - 多环境开发