Jquery函数找出<li>的最大高度

Question

我想找出了给予<li>其li具有最大高度？我该怎么写这样的功能？

如果有n <li>个不同大小,内容和高度的元素.我想弄清楚最大<li>元素的最大高度.

Answer 1

试试这个:

var max = -1;
$("li").each(function() {
    var h = $(this).height(); 
    max = h > max ? h : max;
});
alert(max);

Answer 2

如果你想要一个衬垫

var max = Math.max.apply(Math, $("li").map(function() { return $(this).height(); }))

Answer 3

var liMaxHeight = -1;
var node;
$("li").each(function(index) {
    if ($(this).outerHeight() > liMaxHeight) {
        liMaxHeight = $(this).outerHeight();
        node = index;
    }
});
alert("li with index " + node + " has height " + liMaxHeight);

演示:http://jsfiddle.net/QUycm/

.outerHeight()包括填充和边框.如果不想包括填充和边框使用height()