从 jquery 元素返回最大/最高的对象

Question

你好！

我们来看看下面的jQuery函数：

$.fn.getMax = function() {
    return this.height(Math.max.apply(this, $(this).map(function(i, e) {
        return $(e).height();
    }).get()));
};

它返回并设置所有选择器的最高高度。但是，如果您想返回最高值的object（不是高度），那又是什么呢？

所以如果你这样调用函数：

$(selector).getMax().css({backgroundColor: "indigo"});

...高度最高的元素如何获得backgroundColor？

更新

正如Amareswar 所说，我现在使用$.makeArray 管理它。

$.fn.getMax = function(prop) {
    var max = $.makeArray($(this)).sort(function(a, b) {
        return (parseInt($(b).css(prop), 10) || 1) - (parseInt($(a).css(prop), 10) || 1);
    }).shift();
    return $(max);
};

干杯！

Answer 1

试试这个：

$.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);
};

演示：http://jsfiddle.net/tTuE7/

编辑：假设您只希望返回一个元素