jquery - 如何获得视觉最顶层元素 - 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;
    }

});