使用jquery查找類的高度

Question

我有許多具有相同類名的子div。在所有div中，只有一個div會根據用戶選擇出現，其他div將被設置爲display: none;。

如何找出目前在display: block中的課程的高度？我嘗試使用IDS，但它是不可能的，因爲我有很多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();