创建多个等高列

Question

我有一个基于5个部分的页面，每个部分有两个50％的列。 现在，我尝试使用以下jQuery代码将独立列的高度应用于从属列。问题在于它仅获取第一部分中列的高度，并将此高度应用于所有其他从属列。如何实现区分各个部分的方法？

jQuery('document').ready(function() {
  jQuery('.dependent_div').css({
    'min-height': jQuery('.independent_div').innerHeight()
  });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<div>Please add markup</div>