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

デモを追加しました。こちらでご覧いただけます