Buscar elemento con índice Z especificado

Question

¿Cómo encontrar el elemento HTML (-s) con z-index = 10 por ejemplo?

Answer 1

Tienes que iterar sobre todos los elementos y comprobar su z-index:

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

Answer 2

Una posible solución [jQuery]:

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

Sólo bucles a través de elementos en busca de una coincidencia con el css regla.

Answer 3

Usted puede obtener todos los elementos y filtrarlos por propiedad CSS:

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

Answer 4

En mis pruebas en Chrome 43, encontré @ThiefMaster's post a ser útil, pero no al 100%. El valor de z-index que se tiraba era una cadena.

También hice esto iterar sobre elementos visibles y manejar auto.

Aquí está mi actualización:

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