jQuery - 获得最高元素的高度

Question

假设我有一堆未分类的列表，其中包含不同的动态高度（取决于列表中的元素数量）。 如何获得最高的高度？

我已经尝试在this帖子的帮助下获得目标。

所以这就是我一直在尝试的（红色背景颜色只是为了看它是否正常工作）

    $.fn.getMax = function() {
     /* create array of heights*/
    var heights = $(this).map(function(i, e) {
        return $(e).height();
    }).get();
    /* get max height*/
    var max = Math.max.apply(this, heights);
    /* get index of max in array*/
    var pos = $.inArray(max, heights)
    /* return element with proper index*/
    return this.eq(pos);
};

$('.navi-main li').getMax().css({backgroundColor: "red"});

Answer 1

您可以尝试以下方法：

var max = -1;
$('.navi-main li').each(function() {
    max = Math.max(max, $(this).height());
});
alert(max);

或作为单行：

var max = Math.max.apply(Math, $('.navi-main li').map(function() { return $(this).height(); }));
alert(max);