jquery. Wie bekommt man die Geschwisterhöhe?

Question

Ich denke, das ist eine sehr einfache Frage für jemanden, der mehr Erfahrung in Jquery hat.

wir zum Beispiel einfache HTML-Seite mit ein paar divs haben, und drei von ihnen haben die gleichen CSS-Klasse ‚sidebar‘

Jeder dieser ‚sidebar‘ divs haben unterschiedliche Inhalte und unterschiedliche Höhe.

Ich muss diese divs Höhe vergleichen und die längste finden.

Ich weiß, wie im Vergleich zu realisieren, aber ich weiß nicht, wie in JQuery ich jede dieser

nehmen

speichern ihren Wert in vairable oder Array divs.

Answer 1

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

Answer 2

Wenn ich die gleiche Sache zu tun hatte, ist dies der Code, den ich verwendet:

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

Ich bin nicht sicher, warum die beiden so weit geschrieben Antworten jQuery.each() verwenden, anstatt nur each() Aufruf direkt, also hier ist was ich empfehlen würde:

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

Um jede Höhe in ein Array zu setzen:

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

Oder benutzen Sie einfach map():

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