Question

jquery 获取display为block的高度

同一页面有N个class="popdiv"的默认隐藏层，点击某个按钮显示其中的一个隐藏层，并获取这个显示层的高度，要如何做?
$(".popdiv").height();//如何取得display:block这个的高度????

<a id="btn1">按钮1</a><a id="btn2">按钮2</a><a id="btn3">按钮3</a>

<div id="btn1box" class="popdiv" style="display:none">内容11</div>
<div id="btn2box" class="popdiv" style="display:none">内容11</div>
<div id="btn2box" class="popdiv" style="display:none">内容11</div>

Answer 1

如下代码可以实现：

<style>
	.popdiv{width:200px;height:150px;}
</style>
<script src="jquery-1.9.1.min.js"></script>
<script>
$(document).ready(function(){
	var height = $(".popdiv[style='display:block']").height(); //关键在这句
	alert(height);
});
</script>
<div id="btn1box" class="popdiv" style="display:none">内容11</div>
<div id="btn2box" class="popdiv" style="display:none">内容22</div>
<div id="btn2box" class="popdiv" style="display:block">内容33</div>

追问

有问题，我popdiv默认全是none
只有点击让他显示时才会是block,这时才计算高度

追答

你把var height = $(".popdiv[style='display:block']").height();这句加到你点击事件里，放在改变成block的那句代码下面就可以了。

或者你把完整JS代码发出来，我给你改一下就是了。

追问

按钮1
var ht = $(".mypop[style='display:block']").height();//取不到高度
$(".popdiv").css("margin-top","-"+ht/2+"px");
$('#btn1').click(function(){
$('#btn1box').slideDown();
});

追答

留个联.系.方.式吧，看右上角的私信。