¿Hay alguna manera en jQuery de llevar un div al frente?

Question

Si tuviera un montón de divs de posición absoluta y se superpusieran, ¿cómo conseguiría que cierto div saliera al frente? Gracias de nuevo chicos!

Answer 1

Esto es algo de CSS, no algo de jQuery (aunque puede usar jQuery para modificar el CSS).

$('element').css('z-index', 9999); // note: it appears 'zIndex' no longer works 

O, posicionamiento absoluto traerá algo de la parte superior:

$('element').css('position', 'absolute'); 

Answer 2

Utilice .css() y aplique el atributo de posición y el atributo z-index.

Answer 3

Sería una exageración de usar jQuery para esto. En lugar de utilizar CSS' z-index property:

<style type="text/css"> 
    #myElement { 
    z-index: 50000; 
    } 
</style> 

Answer 4

Cuando se trabaja con múltiples elementos que tendrá que recorrer y ver que tiene el más alto índice z, y se ajusta la parte superior para que + 1.

http://jsfiddle.net/forresto/Txh7R/

var topZ = 0; 
$('.class-to-check').each(function(){ 
    var thisZ = parseInt($(this).css('zIndex'), 10); 
    if (thisZ > topZ){ 
    topZ = thisZ; 
    } 
}); 
$('.clicked-element').css('zIndex', topZ+1); 

---

Para una versión no CSS (si ninguna de las capas tiene z-índice especificado) también se puede simplemente añadir el elemento nuevo:

$('.click-to-top').click(function(){ 
    $(this).parent().append(this); 
}); 

(No sé si eso es más lento que con CSS z-index.)

Para non-CSS non-jQuer Y, simplemente anexar de nuevo:

// var element = document...; 
element.parentNode.appendChild(element); 

Answer 5

con jQuery (como usted pidió):

$('#a-div').parent().append($('#a-div')); // Pop a div to the front 

extraño cómo todo el mundo se fue con z-index. ¿Por qué anular el orden de apilamiento natural cuando puede simplemente mostrarlo en el frente dentro del DOM?