jQuery.如何比較兩個塊並分配一個均勻的高度值？

Question

我需要比較兩個塊，並將更重要的高度主div，但它應該是偶數。

<div class="main-content"> 
<div class="content-1"></div> 
<div class="content-2"></div> 
</div> 

JS：

var 
    $content1 = $('.md-content .content-1'); 
    $content2 = $('.md-content .content-2'); 

c = ($content2.height() > $content1.height()) ? $content2.height() : $content1.height(); 
$('.md-content .tabs .content').height(c); 

// set even 
    var 
     modal = $('.md-content .content'); 
    if (modal.height() % 2 != 0) { modal.css({ 'height': modal.height() + 1 }); } 
    else { modal.css({ 'height': modal.height() + 0 }); } 

我想知道如何使它更方便。

Answer 1

你是什麼意思「更重視高度主div」？如果你想讓.content-1和.content-2的高度爲.main-content，那麼你可以使用JS。

的jQuery：

$('.content-1, .content-2').height($('.main-content').height()); 

香草JS：

var x = document.getElementsByClassName("content-1 content-2"); 
x.style.height = document.getElementsByClassName("main-content").clientHeight;