Jquery obteniendo la altura de un elemento oculto

Question

Estaba tratando de obtener una lista del valor de altura del elemento pero estaba devolviendo 0.
He hecho algunas investigaciones y vi que para obtener la altura del elemento, ese elemento debe estar visible.
Pero quiero verificar su altura cuando está oculta. Si su altura es mayor que algún valor, utiliza algunas funciones y luego haz que sea visible. ¿Hay alguna manera de hacer esto?

quiero decir: altura

1. de Check elemento oculto.
2. Si tiene un valor correcto, hágalo visible.
3. Si no tiene el valor requerido, realice algunas funciones.
4. Hazlo visible.

Answer 1

Usted puede show el elemento de obtener la altura y luego ocultarlo, visualmente no verá ninguna diferencia.

var height = $('elementSelector').show().height(); 
$('elementSelector').hide(); 
if(height != <<HeightToCompare>>){ 
    //Code here 
} 
//Finally make it visible 
$('elementSelector').show(); 

Demo

Answer 2

Una forma es clonar el objeto, colocar el clon fuera de la ventana gráfica, hacerlo visible, medir el clon y luego destruirlo.

Así que tienes:

<div id="maybe" style="display: none;"> 
    Something 
</div> 

Dado que está utilizando jQuery, usted haría algo como esto:

$('#maybe') 
    .clone() 
    .attr('id','maybe_clone') // prevent id collision 
    .css({     // position far outside viewport 
    'position': 'absolute', 
    'left': '-1000px' 
    }); 

if($('#maybe_clone').show().height() > 200) { 
    $('#maybe').show(); 
} 

$('#maybe_clone').remove();  // housekeeping 

Answer 3

Posición del objeto por lo que es visible para el navegador, pero no el usuario: jQuery: Get height of hidden element in jQuery