使用jquery查找类的高度

问题描述:

我有许多具有相同类名的子div。在所有div中,只有一个div会根据用户选择出现,其他div将被设置为display: none;使用jquery查找类的高度

如何找出目前在display: block中的课程的高度?我尝试使用IDS,但它是不可能的,因为我有很多div。提前致谢。

+0

@Karna我想他的意思 – rekoDolph 2015-02-11 09:34:25

+0

多少div的父告诉你已经尝试过的情况,并分享了一些HTML和JavaScript的ID仅限于每个视图中的一个元素,也许你应该使用类? – 2015-02-11 09:34:27

:visible尝试:

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

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

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

让我们说你的元素有类名childdivs,您可以使用:visible选择目标可见元素:

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

多发方式

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

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