Użyj jQuery, aby uzyskać największą wartość wysokości dla dzieci, a następnie zastosuj tę wartość wysokości dla wszystkich dzieci.

Question

Zdaję sobie sprawę, że w większości przypadków CSS to najlepszy sposób na uzyskanie nawet elementów wysokości. Jednak w pewnych sytuacjach, gdy mamy do czynienia ze stroną lub systemem CMS, nie mamy pełnej kontroli, myślę, że rozwiązanie jQuery byłoby bardzo przydatne.

Zastanawiam się, w jaki sposób osiągnąć następujące w jQuery. Nie jestem obeznany ze składnią jQuery, ale tutaj jest moja rozwodniona pseudo jQuery/angielska składnia ... Czy to ma sens, czy jest prostszy sposób na osiągnięcie tego? Zdaję sobie sprawę, poniższy kod nie działa w najmniejszym stopniu, to jest po prostu mój sposób próbuje przyczynić się do rozwiązania problemu, a pitch w trochę w dziale logicznych:

$('div.columns')each.get.height; 
create an array of the height values 
grab the largest value in this array 
$('div.columns')each.css(height: $max-height); 

Po przestać się śmiać na mój pseudo-kodzie , jakieś pomysły? Dzięki!

Answer 1

spróbować czegoś takiego:

var maxHeight = -1; 
$('div.columns').each(function() { 
    if ($(this).height() > maxHeight) { 
     maxHeight = $(this).height(); 
    } 
}); 
$('div.columns').height(maxHeight); 

Uwaga: Jest to kod niesprawdzone. Ale powinna mieć dla ciebie podstawową koncepcję. Twoja oryginalna koncepcja była blisko, ale tablica nie jest tu potrzebna, jeśli chcesz zachować maksymalną wartość wysokości.