jquery. comment obtenir la hauteur de chaque frère et soeur?

Question

Je pense que c'est une question très facile pour quelqu'un qui est plus expérimenté dans Jquery.

par exemple, nous avons simple page html avec quelques divs, et trois d'entre eux ont la même classe css barre latérale '

Chacun de ces divs « sidebar » ont un contenu différent et différentes hauteurs.

J'ai besoin de comparer cette hauteur divs et de trouver la plus longue.

Je sais comment réaliser la comparaison, mais je ne sais pas comment en Jquery je peux prendre chacun ce divs

pour stocker leur valeur dans vairable ou un tableau.

Answer 1

$.each($('.sidebar'), function() { 
    var height = $(this).height(); 
}); 

Answer 2

Quand je devais faire la même chose, c'est le code je:

var tabPanels = $("..."); 
    var maxHeight = 0; 

    $.each(tabPanels, function() { 
     var height = $(this).height(); 
     maxHeight = (height > maxHeight) ? height: maxHeight; 
    }); 

    $.each(tabPanels, function() { 
     $(this).css("height", maxHeight + "px"); 
    }); 

Answer 3

Je ne sais pas pourquoi les deux réponses affichées à ce jour utilisent jQuery.each() plutôt que d'appeler each() directement, alors voici ce que je recommande:

$('#elementID').siblings().each(function() 
{ 
    var height = $(this).height(); 
}); 

Pour mettre chaque hauteur dans un tableau:

var heights = []; 
$('#elementID').siblings().each(function() 
{ 
    heights.push($(this).height()); 
}); 

Ou, il suffit d'utiliser map():

var heights = $('#elementID').siblings().map(function() 
{ 
    return $(this).height(); 
}).get();