第一个存储高度来自阵列中的多个div，第二个应用于其他元素

Question

这就是我想要实现的目标：

（1）存储多个div的高度（在数组中？）。

（2）将这些高度应用于其他元素。第一个元素获取第一个值，第二个元素获取数组的第二个值...

这就是我对（1）所做的：

var arr = [];
i = 0;
$('.project').each(function(){
  projecthheights = $(this).height();
  arr[i++] = projecthheights;
});

现在我需要为步骤（2）做些什么？这当然是错误的方式;）

$('.horizontalimage').each(function(){
 $(this).css('height',projecthheights);
});

Answer 1

你已经填好了那个阵列..？现在尝试使用.each()函数的索引参数

$('.horizontalimage').each(function(i){
 $(this).css('height',arr[i]);
});

此外，您可以使用.map()和.get()填充该数组，如下所示

var arr = $('.project').map(function(){
             return $(this).height();
          }).get();

Answer 2

这是你的答案。

var i=0;
$('.horizontalimage').each(function(){
$(this).css('height',arr[i++]);
});

全局声明数组。