jQuery를 사용하여 동일한 Z- 인덱스를 갖는 요소를 얻는 방법?

Question

지금은 z-index이 다른 요소가 있는데 jQuery를 사용하여 그룹화하려고합니다.

<div class="float" style="z-index:2"></div> 
<div class="float" style="z-index:6"></div> 
<div class="float" style="z-index:10"></div> 
      . 
      . 
      . 
<!-- You get the point --> 

나는 z-index 값을 얻을 수 .attr("style")을 사용할 수 있지만 그렇게하는 것이 좋습니다 될 것 같지 않습니다. (때로는 <style> 태그에도 나타날 수 있습니다.) 그런 것이 있습니까?

var ele = $("*[zindex=5]"); 

앞으로 어떤 해결책이 있을지 기대해보십시오.

$.extend($.expr[':'], { 
    zindex: function(el, i, m) { 
    return $(el).css("z-index") === m[3]; 
    } 
}); 

는 다음과 같이 사용할 수 있습니다 :

$("div:zindex(2)").each(function(){ 
alert(this.innerHTML); 
}); 

를이 기능을 추가하는 경우

Answer 1

이있을 것이다 모든 div 요소가 z-index이고이 반환됩니다..

위의 마크 업으로

<div style="position:relative; z-index:2">Foo</div> 
<div style="position:relative; z-index:6">Bar</div> 

, 이전의 jQuery 스크립트 Foo를 알려줍니다.

데모 : http://jsbin.com/icevih/2/edit

Answer 2

, 당신은 자신 만의 선택을 만들고 그들에게

$.fn.filterByZIndex = function(zIndex) { 
    var $zElm = $("*").filter(function() { 
     return $(this).css('z-index') == zIndex; 
    }); 
    return $zElm; 
};