jquery. cómo obtener la altura de cada hermano?

Question

Creo que esta es una pregunta muy fácil para alguien que tiene más experiencia en Jquery.

por ejemplo tenemos página HTML sencilla con algunos divs, y 3 de ellos tienen la misma clase css 'barra lateral'

Cada uno de estos divs llamado lateral tienen un contenido diferente y diferente altura.

Necesito comparar esta altura de divs y encontrar la más larga.

sé cómo llevar a cabo la comparación, pero no saben cómo en Jquery puedo tomar cada una de esta DIVS

para almacenar su valor en vairable o matriz.

Answer 1

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

Answer 2

Cuando tenía que hacer lo mismo, este es el código que utilicé:

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

no estoy seguro de por qué las dos respuestas publicadas hasta ahora están utilizando jQuery.each() en lugar de simplemente llamando each() directamente, por lo que aquí es lo que yo recomendaría:

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

para poner a cada altura en una matriz:

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

O bien, sólo tiene que utilizar map():

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