Mam z 10 divów w której są różnej wysokości (nie zdefiniowanej). Każdy z nich ma tą samą klasę. Chcę ustalić, który z nich ma największą wysokość i ile ona wynosi.

Spróbowałem za pomocą $(".klasa").height() ale podało zupełnie niezgodną wartość ujemną. Ma ktoś pomysł?


Ogólnie mam głównego diva o wysokości 50%. W niej są te divy o wysokości różnej wysokości o klasie .klasa gdzie chcę je wycentrować pionowo ale względem najwyższego diva o klasie .klasa. Stąd mój pomysł by za pomocą jquery wyciągnąć wysokość najwyższego diva o klasie .klasa i ustawić ją wszędzie a następnie próbować centrować taki div.

[HTML] pobierz, plaintext 
var max = 0;
$('.klasa').each(function(){
 if($(this).height() > max){
  max =  $(this).height();
 }
});
$('.klasa').height(max);
[HTML] pobierz, plaintext 

Pokaż kawałek kodu html z divem divami.klasa i css.

Kapslok, zwraca "[a, a, a, a, a, a, a, a, a, a, a, a, a, a, a, a, a, a, a, a, a, a, a, a, a, a, a, a, a, a, a.close, a, a, prevObject: n.fn.init[1], context: document, selector: "#mainmenu .menu-item a"]" a samo max ma wartość 0

https://jsfiddle.net/n9ctzfkb/
Mi działa

Pokaż swój kod.

https://jsfiddle.net/ru4gnmay/

w konsoli mi się loguje '168'. Jedyny problem jest taki, że w fiddlu nie zaznaczyłeś, że ma includować jquery.

A może pójść w coś takiego https://jsfiddle.net/Comandeer/n9ctzfkb/1/ ?

Niestety odpada, powyżej podałem stronę, gdzie widać dokładnie całego markupa

Pierwsze skojarzenie: flexbox. Poszukałbym w nim jakiegoś rozwiązania.