jquery - 使用 jquery 选择具有最高 z-index 的元素

Question

我有一个页面，其中我有多个具有类aaw但具有不同 zIndex 的元素。现在我想选择具有最高 zIndex 和 class 的元素aaw。

Answer 1

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

结果是最好的。

演示（打开控制台）

Answer 2

jsfiddle：http: //jsfiddle.net/A5FUL/31/

<div class="aaw" style="position:relative;z-index:1;">1</div>
<div class="aaw" style="position:relative;z-index:2;">2</div>
<div class="aaw" style="position:relative;z-index:3;">3</div>

<div onclick="test()">Click</div>


<script>
    function test()
    {
        var highest;
        var object;

        $('.aaw').each( function(index)
        {
            if ( index == 0 || $(this).css("z-index") > highest )
            {
                highest = $(this).css("z-index");
                object = $(this);
            }
        });

        alert( $(object).html() );
    }
</script>

​</p>

Answer 3

您可以使用以下内容；

var highestzindex = 0; 
var resultelement = null;  
$(".aaw").each(function() {
    var currentzindex = parseInt($(this).css("zIndex"), 10);
    if(currentzindex > highestzindex) {
        highestzindex = currentzindex;
        resultelement = $(this);
    }
});

我添加了一个演示。你可以在这里看到