Javascript 获取高度并应用于每个元素失败？

我有一组具有不同高度的元素，我想将其设置为另一组。上述代码失败，因为它获取的是最后一个元素的高度，而不是每个元素的高度

$。每个（$（'.box'），函数（i，val）{
var heightOfBox=$（this）.height（）；
$（“.line”）.eq（i）.css（'height'，heightOfBox+'px'）；
});
.box{
背景：红色；
宽度：10px；
利润率：10px；
}
.线路{
背景：蓝色；
宽度：10px；
利润率：10px；
}

1.
1.
1.
1.
1.
1
使用和设置相应元件的高度

 $.each($('.box'), function () {
     var heightOfBox = $(this).height();
     console.log(heightOfStory);
     $.each($('.line'), function () {
         $(this).css('height', heightOfBox + 'px');
     });
 });

试试这个

// Iterate over each of the element having box as class
$('.box').each(function (i, val) {
    $('.line').eq(i).height($(this).height());
    // Get the index of this element
    // Set the height of the corresponding element to the current element height
});

为什么不直接使用eq（idx）？@AaronMusktin更新
$.each($('.box'), function (i,d) {
  var heightOfBox = $(d).height();
  console.log(heightOfBox);
$('.line:eq('+ i +')').css('height', heightOfBox + 'px');
});