查找具有指定z索引的元素

Question

如何查找含有z-index = 10的HTML元素（-s）？

Answer 1

你必須遍歷所有元素，並檢查他們的z-index：

$('*').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屬性進行篩選：

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

Answer 4

在我在Chrome 43測試中，我發現@ThiefMaster's post是有益的，但不是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); 
    }) 
}