如何获得视觉最顶层元素 - jQuery

Question

有没有一种利用jQuery获取最顶层元素的简洁方法？

我不是指DOM层次结构。即.closest()不是我需要的。

我的意思是，关于z-index，显然它应该是:visible

我开始编写自定义选择器，但认为看看是否有更好的方法会更好。

Answer 1

试试这个：

elem = [];
$("*").each(function(i){
    elem[$(this).index()] = $(this).css('z-index');
})

function compareNumbers(a,b) {
    return a - b;
}

topmostIndex = elem.sort(compareNumbers).reverse();
alert(topmostIndex[0])

Answer 2

试试这个：

$(':visible').each(function(){
    var z = parseInt($(this).css('z-index'), 10);
    vat maxz = -1;
    if (!best || maxz < z) {
        best = this;
        maxz = z;
    }

});