通过javascript中的动态内容查找div的最大高度

Question

我有一个div，并且有多个数据通过jstl标记进入该div。我想找到最大内容div高度。我已经看到一个链接，但是每次20都会显示警报。element with the max height from a set of elements

JSP

     <div id="div-height" class='cat-product-name'>${i.name} </div>

JAVA脚本

  $(window).load(function () {
  var maxHeight = Math.max.apply(null, $("#div-height").map(function ()
                {
                    return $(this).height();
                }).get());
                alert(maxHeight);
});

我想找到div的最大高度并设置每个div的高度。

Answer 1

您可以尝试以下方法：-

$(document).ready(function() {
  var maxHeight = -1;

  $('.cat-product-name').each(function() {
    maxHeight = maxHeight > $(this).height() ? maxHeight :     $(this).height();
 });

 $('.cat-product-name').each(function() {
   $(this).height(maxHeight);
 });
});

参考-Use jQuery/CSS to find the tallest of all elements

Answer 2

页面上的每个元素ID都必须是唯一的，即，不能使用]包含多个元素>

id="div-height"
尝试改用类（class="div-height"）。请注意，您还必须将jQuery选择器也调整为

$(".div-height")