用Java来测量多个Div高度

Question

我正在尝试使用jQuery构建手风琴菜单，但遇到了跳动的动画。 跳动是由于未为div设置高度引起的。 我的问题是，根据内容，每个div都有不同的高度； 所以问题是，我将如何使用javascript查看带有“ submenu”类的每个div，测量其高度并进行设置。

这是我到目前为止的内容：

$('.submenu').each(function() {
  var divh = $(this).height();
  $(this).css('height', divh + 'px');
});

我正在遇到的是，它似乎仅测量一个.submenu div并将它们全部设置为该高度。 有什么想法吗？ 提前致谢！

Answer 1

相信我发现了问题。 我在$（document）.ready（）函数中具有上述脚本，该函数只会加载并随后测量DOM。 将其移至$（window）.load（）函数，该函数可让其查看内容，然后测量高度。 为了澄清起见，.submenu类div是手风琴div。

$(window).load(function(){
  $('.submenu').each(function() {
    var divh = $(this).height();
    $(this).css('height', divh + 'px');
  });

  $('.submenu').hide();
});

Answer 2

假设也看起来像这样：

$('.submenu').each(function() {
  var divh = $(this).height();
  $('.divClass').css('height',  $('.divClass').height() + divh + 'px');
});

您需要始终将for中的当前div高度添加到手风琴div中