Obtenir une hauteur réelle du contenu généré par div plus css (si possible) - javascript, jquery

J'essaie d'utiliser javascript pour donner trois ULimbriquées à l’intérieur des divs, une position haute négative correspond à leur hauteur. Je "le fais fonctionner, en quelque sorte (grâce à l'aide d'ici!) Mais au lieu de calculer la hauteur de chaque UL imbriquée et de calculer la position la plus haute en conséquence, chaque UL se voit attribuer une position haute négative de -367px:

<script type="text/javascript">
$(document).ready(function() {
//Get height of footer popup
var pHeight = $("footer ul li > ul").outerHeight();
//Calculate new top position based on footer popup height
var nHeight = pHeight + "px";
$("footer ul li > ul").css({
//Change top position to equal height of footer popup
"top" : "-" + nHeight
});
});
</script>

J'ai essayé cela en utilisant .height, .outerheight, et même .getheight que quelqu'un a mentionné sur la documentation Jquery pour .height. J’ai aussi essayé d’utiliser chaque déclaration, bien que cela ne semble pas fonctionner, j’ai peut-être mal écrit.

De plus (si possible), j’aimerais que la position négative prenne en compte la hauteur d’un contenu généré à l’aide du fichier css. :after psuedo-property, bien que je puisse toujours l'ajouter manuellement au calcul si javascript n'a aucun moyen d'accéder à cela.

MODIFIER: Ajout d'un lien vers une page de test. Ce sont les divs du bas (et les UL imbriquées) que je tente de cibler avec JS; les "queues" sur chaque case doivent être alignées à environ 1.2em au-dessus de leurs divs parents.

http://www.qualityprinters2.com/test/float-tab-test.html

Réponses:

Je pense que ce que vous cherchez, c’est la fonction each () jquery (voir http://api.jquery.com/each/). Lorsque votre sélecteur "footer ul li> ul" renvoie plusieurs éléments, il calcule uniquement la hauteur du premier élément correspondant.