jquery - How do get visual topmost element - jQuery

Question

Is there a neat way to get the topmost element using jQuery?

I don't mean with respect to DOM hierarchy. i.e. .closest() is not what I need.

I mean, with respect to z-index and obviously it should be currently :visible

I was starting out to write a custom selector, but thought it would be better to see if there are better approaches.

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

});