将列的高度设置为每个元素的另一个

Question

不幸的是，我需要使用JS将col-1（静态）设置为与文本容器col-2（dyanmic）相同的高度。

我已经试过：

$(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高度。

如果可能，请简要说明我出错的地方。

Answer 1

起初，一旦你已经创建了jQuery对象，没有必要再次创建它，所以没有必要$(article)。

在第二个里面each你可以参考当前元素为this。

正确的代码可能是这样的：

$(function() { 

    $('section.inner-services article').each(function(index) { 

     var textColHeight = $(this).find('.col-2').height(); 
     var figureCol = $(this).find('.col-1').height(textColHeight); 

     console.log(index); 

    }); 

}); 

Answer 2

你需要寻找col-2和col-1下每article

$(function() { 

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

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

     var textColHeight = $(this).children('.col-2').height(); 
     var figureCol = $(this).children('.col-1'); 
     $(figureCol).css('height', textColHeight); 
     console.log(index); 

    }); 

});