使用jquery查找类的高度

Question

我有很多具有相同类名的子div。在所有div中，根据用户选择只显示一个div，其他div将设置为display: none;。

如何找出目前在display: block的班级的高度？我尝试使用id但是因为我有很多div，所以不可能。提前谢谢。

Answer 1

尝试:visible：

var height = $('.class:visible').css('height'); // will give you css height
var height = $('.class:visible').height(); // will give you calculated height

Answer 2

使用公共类选择所有div元素，然后使用:visible选择器访问当前显示的元素。从那里您可以访问height()属性。像这样：

var height = $('.elements:visible').height();

Answer 3

我们假设您的元素具有类名childdivs，您可以使用:visible选择器来定位可见元素：

 $('.childdivs:visible').height()

Answer 4

多种方式

1. $(".highlight:visible").height();

2. $('.highlight[style*="block"]').height();