Find element with specified z-index

Question

How to find HTML element(-s) with z-index = 10 for example?

Answer 1

One possible [jQuery] solution:

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

Just loops through elements searching for a match to the css rule.

Answer 2

You can get all elements and filter them by css property:

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

Answer 3

You have to iterate over all elements and check their z-index:

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