jQuery。2つのブロックを比較し、偶数の高さの値を割り当てる方法は？

Question

私は2つのブロックを比較し、高さのメインディビジョンをより重要なものにする必要がありますが、それはまったく同じです。

<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;