Suchen Element mit angegebenen Z-Index

Question

So finden Sie HTML-Element (-s) mit z-index = 10 zum Beispiel?

Answer 1

Sie haben alle Elemente iterieren und überprüfen ihre z-index:

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

Answer 2

Eine mögliche [jQuery] Lösung:

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

Schleifen nur durch Elemente für eine Anpassung an die CSS-Suche Regel.

Answer 3

Sie können alle Elemente erhalten und filtern sie durch CSS-Eigenschaft:

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

Answer 4

In meinen Tests in Chrome 43, ich @ThiefMaster's post hilfreich erwiesen, aber nicht 100%. Der Wert des z-index, der gezogen wurde, war eine Zeichenkette.

Ich machte auch dies nur über sichtbare Elemente iterieren und behandeln auto.

Hier ist mein Update:

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); 
    }) 
}