挑選所有元素的最大高度

Question

這是我的代碼。

v=dom.find("ul:first").outerHeight(); // the height of the first li element 
      // instead of taking the height of the first li element, it should loop through all 
      // li elements and set v to the element with the biggest height 

在代碼中間的註釋幾乎解釋了一切。我需要遍歷所有李元素，並採取最大的高度，而不是採取第一個元素的高度。

Answer 1

var v = 0; 
// ... 
dom.find('ul:first').children('li').each(function() { 
    var height = $(this).outerHeight(); 
    v = height > v ? height : v; 
}); 

Answer 2

您可以使用jquery .each（）方法遍歷每個元素，並使用.height（）方法確定元素的高度。確定最大高度，聲明變量maxheight = 0，如果元素高度大於maxheight，則將maxheight設置爲元素高度。

var maxheight = 0; 
$('ul').each(function(index) { 
    if($(this).outerHeight() > maxheight) maxheight = $(this).outerHeight(); 
}); 

Answer 3

var el, max = 0; 
$("ul").each(function(){ 
    var height = $(this).outerHeight(); 
    if (height > max) { 
    el = this; 
    max = height; 
    } 
}); 

Answer 4

var maxHeight = Math.apply(null, $('ul:first > li').map(function() { 
    return $(this).outerHeight(); 
})); 

這工作爲好，只是沒有額外的變種。