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]"); 

今後の解決策を探しています。

Answer 1

は、独自のカスタムセレクタを作成、それらを持つことになります。

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

：あなたは、このように使用することができ

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

をこれにより、z-indexがのすべてのdiv要素が返されます。上記のマークアップで

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

、以前のjQueryのスクリプトがFooに警告します。

デモ：あなたは `の.css（ 'Zインデックス'）`でZインデックスを取得することができますhttp://jsbin.com/icevih/2/edit

Answer 2

あなたはこの機能を追加する場合は、

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