jQuery.How来比较两个块并分配一个偶数的高度值？

Question

我需要比较两个块，并将更重要的高度分配给main 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

你说的“更加重视高度”是什么意思？如果你想让.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;