Obtention de la hauteur des éléments cachés dans jQuery

Lorsqu'il s'agit d'éléments cachés, récupérer leur hauteur peut être difficile. L’approche conventionnelle consistant à afficher temporairement l’élément pour mesurer sa hauteur puis à le masquer à nouveau semble inefficace. Existe-t-il une solution plus optimale ?

Approche jQuery 1.4.2

Voici un exemple utilisant jQuery 1.4.2 :

$select.show();
optionHeight = $firstOption.height(); // Obtain height after displaying the element
$select.hide();

Cette méthode présente l'inconvénient de modifier la visibilité de l'élément, ce qui peut provoquer des effets secondaires indésirables.

Piratage du style de l'élément

Une approche alternative consiste à manipuler le style de l'élément pour le rendre invisible lors du calcul de sa hauteur :

var previousCss = $("#myDiv").attr("style"); // Store the original style

// Set visibility to 'hidden' and display to 'block'
$("#myDiv").css({
    position: 'absolute', // Optional if the element is already absolute
    visibility: 'hidden',
    display: 'block'
});

optionHeight = $("#myDiv").height(); // Measure height with modified visibility

// Restore the original style
$("#myDiv").attr("style", previousCss ? previousCss : "");