javascript - 要素ごとに列の高さを別の値に設定する

Question

悲しいことに、JS を使用してcol-1(静的) をテキスト コンテナー (動的) と同じ高さに設定する必要がありますcol-2。

私はもう試した：

$(function () {

    var article = $('section.inner-services article');

    $(article).each(function( index ) {

        var textColHeight = $('section.inner-services article .col-2').height();
        var figureCol  = $('section.inner-services article .col-1');
        $(figureCol).css('height', textColHeight);
        console.log(index);

    });

});

私のHTMLマークアップは（簡略化）です：

<section class="inner-services"> 
    <article> 
        <col-1> 
        <col-2> 
    </article> 
</section> 

articleこれは期待どおりにそれぞれをループせずcol-1、高さを の高さに設定しcol-2ます。

可能であれば、どこが間違っているのか簡単に説明してください。