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

Question

我试图找到两个 div 的渲染高度。它们具有相同的类 (.defense)，但位于不同的容器中（side-1 和 side-2）。我需要使用这些高度，因为高度在 CSS 中设置为 auto，以便在我的 jQuery 中使用来决定加载时两个 div 的高度。

这是我的 jQuery 代码： $(文档).ready(函数() { $(window).load(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)
      }
    });
});

Answer 1

顺便说一句，在 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)
  }
});