1

現在、異なる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 -->

を使用.attr("style")して値を取得できますz-indexが、それを行うのは良い考えではないようです。(たまに<style>タグにもあるかもしれません) そんなことありますか？

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

解決策を楽しみにしています。

4

2 に答える 2

2

独自のカスタムセレクターを作成します。

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

次に、次のように使用できます。

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

これにより、がのすべてのdiv要素が返されます。z-index2

<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

于 2012-05-13T03:41:59.703 に答える
0

この関数を追加すると、それらが得られます

$.fn.filterByZIndex = function(zIndex) {
    var $zElm = $("*").filter(function() {
        return $(this).css('z-index') == zIndex;
    });
    return $zElm;
};
于 2012-05-13T03:31:05.237 に答える