Javascript 如何使用jQuery查找DIV的渲染高度？

我正在尝试查找两个div的渲染高度。它们具有相同的类（.defence），但位于单独的容器（第1面和第2面）中。我需要使用这些高度，因为高度在CSS中设置为auto，以便在jQuery中决定加载时哪个应该是两个div的高度

以下是我的jQuery代码： $（文档）.ready（函数（）{ $（窗口）。加载（函数（）{

---

在dom就绪后，您正在使用加载时的代码。值不是您期望的值。请改用就绪处理程序中的代码：

$(document).ready(function() {

  var sideOneDefense = $('.side-1 .defense').height();
  var sideTwoDefense = $('.side-2 .defense').height();

  if (sideOneDefense >= sideTwoDefense) {
    $('.defense').css("height",sideOneDefense)
  }
  else {
    $('.defense').css("height",sideTwoDefense)
  }
});

---

你能为这些类发布任何相关的CSS吗？这应该可以很好地工作。你的问题是什么？这返回一个高度：0px；无论我使用ready handler还是load handler，我得到的高度都是0px。但这是不正确的，因为两个元素的高度都大于0px。

$(document).ready(function() {

  var sideOneDefense = $('.side-1 .defense').height();
  var sideTwoDefense = $('.side-2 .defense').height();

  if (sideOneDefense >= sideTwoDefense) {
    $('.defense').css("height",sideOneDefense)
  }
  else {
    $('.defense').css("height",sideTwoDefense)
  }
});