Comment puis-je obtenir efficacement la hauteur d'un élément caché dans jQuery ?

Méthode alternative pour récupérer la hauteur des éléments cachés dans jQuery

Face à la nécessité de récupérer la hauteur d'un élément caché à l'intérieur un div parent caché, vous penserez peut-être qu'il est nécessaire de montrer momentanément le div parent pour recueillir la hauteur avant de le cacher à nouveau. Cependant, cette approche peut paraître redondante. Existe-t-il une solution plus efficace ?

Dans les versions jQuery 1.4.2 , vous pouvez utiliser une technique qui consiste à ajuster temporairement les styles CSS de l'élément parent masqué :

var previousCss = $("#myDiv").attr("style");

// Temporarily adjust CSS styles to enable height measurement
$("#myDiv").css({
    position: 'absolute', // Optional if #myDiv is already absolute
    visibility: 'hidden',
    display: 'block'
});

var optionHeight = $("#myDiv").height();

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

Cette méthode permet vous d'obtenir la hauteur de l'élément caché sans réellement afficher son div parent. Pour ce faire, il définit stratégiquement des propriétés telles que la visibilité et l'affichage pour rendre temporairement l'élément visible pour la mesure, puis restaure ensuite ses styles CSS d'origine. Cela élimine le besoin d'étapes intermédiaires pour afficher et masquer le div parent.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!