指定されたZ-インデックスを持つ要素を検索

Question

たとえば、z-index = 10でHTML要素（-s）を見つける方法はありますか？

Answer 1

あなたはすべての要素を反復処理し、そのZインデックスをチェックする必要があります。

$('*').filter(function() { 
    return $(this).css('z-index') == 10; 
}).each(function() { 
    // do something with them 
}); 

Answer 2

一つの可能​​性[jQueryの]解決策：

$(".elementsToSearch").each(function() 
{ 
    if($(this).css('z-index') == 10) 
    { 
     //then it's a match 
    } 
}); 

ただ、CSSへのマッチを探し要素をループルール。

Answer 3

あなたはすべての要素を取得し、CSSのプロパティでそれらをフィルタリングすることができます：クローム43で私のテストで

$('*').each(function(){ 
    if($(this).css('z-index') == 10) { 
     //$(this) - is element what you need 
    } 
}); 

Answer 4

、私は100％役立つことが@ThiefMaster's postを見つけましたが、ありません。引っ張られるz-indexの値は文字列でした。

これは可視要素に対してのみ反復処理を行い、autoを処理しました。

ここに私の更新です：の

var topZ = $('.thing-in-front').css('z-index') 
if (topZ != 'auto') { 
    topZ = parseInt(topZ); 
    $('*:visible').filter(function() { 
     var thisZ = $(this).css('z-index') 
     return thisZ != 'auto' && parseInt(thisZ) >= topZ; 
    }).each(function() { 
     $(this).css('z-index', topZ - 1); 
    }) 
}