javascript - 首先将多个 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();