jqueryを使用して最高のz-インデックスを持つ要素を選択してください

Question

私はクラスがaawの複数の要素を持っていますが、異なるzIndexを持つページがあります。 今私は最高のzIndexとクラス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; 
    } 
}); 

結果は最良です。あなたは以下を使用することができます

Demonstration (open the console)

Answer 2

。

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

私はdemo.Youがhere

Answer 3

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>