.each () dans un élément div, trouvez un élément enfant, définissez la hauteur en fonction de son contenu (avancé?)

Je dois trouver chaque rangée de divs et baser la hauteur des h2 dans cette rangée en fonction du h2 qui a le plus de contenu.

J’essaie de passer en revue une div (main) qui cointaine divs (enfant), dans cette division, j’ai des sections (enfants) et dans cette section, j’ai un h2.

Maintenant, en me basant sur le contenu du h2 qui contient le plus de contenu, je règle la hauteur des autres h2 avec la bibliothèque jQuery: http://www.tomdeater.com/jquery/equalize_columns/

Je connais un peu de jQuery, mais pas tant que je peux comprendre comment faire cela.

• Passage de 100% à l’auto
• jQuery ne renvoie pas le nouvel atsortingbut de données
• Tapez un mot sur le clavier et stockez chaque lettre dans une série de plusieurs zones de saisie.
• Comment lire les données XML dans un navigateur IE à l’aide de la fonction Ajax de jQuery
• erreur dans l’appel jsonp UNIQUEMENT DE firefox-extension

Le mieux est de vérifier le lien jsfiddle http://jsfiddle.net/CbNRH/13/ . Je n’ai pas fini avec le script. J’essaie d’abord de trouver l’élément h2 et d’écrire sa valeur. Ensuite, j’ai pensé aller de l’avant, mais c’est plus complexe que ma connaissance de jQuery. Toute aide est appréciée.

 
 
depending on my content i use .equalizeCols()
 
2
 
 
 
depending on my content i use .equalizeCols()
 
3
 
 
 
depending on my content i use .equalizeCols()
 
6
 
 
 
 $('#col-main > div').each(function () { var $this = $(this); $('#write-out').text($this.child('section').find('h2').val()); }); div.contain { margin-bottom: 10px; background-color: #dddddd; } div.contain section { padding: 10px; } div.contain section div h2 { font-size: 12px; width: 80px; background-color: red; } div#write-out { font-size: 16px; padding: 10px; background-color: #ffcc00; } 

• Comment puis-je actualiser la vue partielle et la vue principale en même temps?
• supprimer des éléments spécifiques de la liste déroulante à l’aide de jquery
• Balayer à Cordoue avec Jquery et jgestures
• “Ajax: success” étant appelé deux fois
• Suppression d’un bouton “Imprimer” avant le rendu de PDF à partir d’une vue – MVC3

 $('#col-main > div').each(function () { var tmpHeight = 0; $(this).find("h2").each(function() { tmpHeight = $(this).height() > tmpHeight ? $(this).height() : tmpHeight; }); $(this).find("h2").height(tmpHeight); }); 

 var maxval = 0; var maxheight = 0; $('#col-main > div').each(function () { tmp = $(this).children().find('h2').val(); if(tmp > maxval ) { maxval = tmp; maxheight = $(this).children().find('h2').css('height'); } }); $('#col-main > div').each(function () { $(this).children().find('h2').css('height', maxheight); });