永发信息网

jquery 获取display为block的高度

答案:2  悬赏:10  手机版
解决时间 2021-02-15 05:18
  • 提问者网友:人生佛魔见
  • 2021-02-14 15:48
同一页面有N个class="popdiv"的默认隐藏层,点击某个按钮显示其中的一个隐藏层,并获取这个显示层的高度,要如何做?
$(".popdiv").height();//如何取得display:block这个的高度????

按钮1按钮2按钮3

内容11
内容11
内容11
最佳答案
  • 五星知识达人网友:走死在岁月里
  • 2021-02-14 15:53
如下代码可以实现:<br><style><br> .popdiv{width:200px;height:150px;}<br></style><br><script src="jquery-1.9.1.min.js">&lt;&#47;script&gt;<br>&lt;script&gt;<br>$(document).ready(function(){<br> var height = $(".popdiv[style='display:block']").height(); //关键在这句<br> alert(height);<br>});<br>&lt;&#47;script&gt;<br><div id="btn1box" class="popdiv" style="display:none">内容11</div><br><div id="btn2box" class="popdiv" style="display:none">内容22</div><br><div id="btn2box" class="popdiv" style="display:block">内容33</div>
全部回答
  • 1楼网友:鱼芗
  • 2021-02-14 16:20
如下代码可以实现:<br><style><br> .popdiv{width:200px;height:150px;}<br></style><br><script src="jquery-1.9.1.min.js">&lt;&#47;script&gt;<br>&lt;script&gt;<br>$(document).ready(function(){<br> var height = $(".popdiv[style='display:block']").height(); //关键在这句<br> alert(height);<br>});<br>&lt;&#47;script&gt;<br><div id="btn1box" class="popdiv" style="display:none">内容11</div><br><div id="btn2box" class="popdiv" style="display:none">内容22</div><br><div id="btn2box" class="popdiv" style="display:block">内容33</div>
我要举报
如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
点此我要举报以上问答信息
大家都在看
推荐资讯