Найти максимальную высоту div по динамическому контенту в javascript

Question

У меня есть один div и более одного данных входит в этот 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 SCRIPT

$(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="div-height".

Попробуйте использовать класс вместо (class="div-height"). Обратите внимание, что вам нужно будет настроить селектор jQuery также на $(".div-height").