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

How to find the rendered height of a DIV with jQuery?

本文关键字：高度 DIV 何使用 jQuery 查找      更新时间：2023-09-26

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

这是我的jQuery代码：$（document）.ready（function）{$（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)
      }
    });
});

您在加载时使用代码的方式是在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)
  }
});
相关文章：