javascript - 指定されたz-indexを持つ要素を検索します

Question

z-indexたとえば、= 10のHTML要素を見つける方法は？

Answer 1

すべての要素を繰り返し処理し、それらのz-indexを確認する必要があります。

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

Answer 2

1つの可能な[jQuery]ソリューション：

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

cssルールに一致するものを検索する要素をループするだけです。

Answer 3

すべての要素を取得し、cssプロパティでフィルタリングできます。

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

Answer 4

Chrome 43でのテストでは、@ ThiefMasterの投稿は役に立ちましたが、100％ではありませんでした。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);
    })
}