Récupérer la hauteur maximale d'une série de <DIV>

HTML:

<div id=#liste>
   <div class=field-image>div1</div>
   <div class=field-image>div2</div>
   <div class=field-image>div3</div>
   <div class=field-image>div4</div>
</div>

JAVASCRIPT:

var maxHeight = -1;
$("#liste .field-image").each(function() {
var h = $(this).height();
maxHeight = h > maxHeight ? h : maxHeight;
});

$("#liste .field-image").height(maxHeight);

ce code parcourt les balises DIV dont CLASS="field-image" et l'id parent est id=#liste.

et à la fin il affecte cette valeur à l'ensemble des div:
$("#liste .field-image").height(maxHeight);

Tags: 

Catégories: 

Share/Save

Ajouter un commentaire

Filtered HTML

  • Pour publier des morceaux de code, entourez-les avec les balises <code>...</code>. Pour du PHP, utilisez. <?php ... ?>, ce qui va colorier le code en fonction de sa syntaxe.
  • Les adresses de pages web et de courriels sont transformées en liens automatiquement.
  • Tags HTML autorisés : <a> <em> <strong> <cite> <blockquote> <code> <ul> <ol> <li> <dl> <dt> <dd>
  • Les lignes et les paragraphes vont à la ligne automatiquement.

Plain text

  • Aucune balise HTML autorisée.
  • Les adresses de pages web et de courriels sont transformées en liens automatiquement.
  • Les lignes et les paragraphes vont à la ligne automatiquement.
CAPTCHA
Cette question permet de s'assurer que vous êtes un utilisateur humain et non un logiciel automatisé de pollupostage (spam).
Image CAPTCHA
Saisir les caractères affichés dans l'image.