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);

;