Javascript 如何使用for循环来增加这个JQuery函数中的第n个子选择器？

我试图编写一个基本函数来处理2列响应布局中div高度不匹配的问题

我是JavaScript新手，正在努力理解如何在下面的函数中增加数字字符

这里的目的是将其简化为单个变量，并在两行中实现函数体，而不是对每个目标div重复3次

我认为可以使用模板字符串来增加变量名中的数字

我最好的猜测是，可以使用for循环来实现这一点，但我不清楚如何编写它

函数equalImages（）{
var div1Height=$（'.equal height wrap.wp block column:first child.wp block group:nth child（2'））.height（）；
$（'.equal height wrap.wp块列：第n个子（2）>.wp块组：第n个子（2）'）。高度（div1Height）；
var div2Height=$（'.equal height wrap.wp block column:first child.wp block group:nth child（3'））.height（）；
$（'.equal height wrap.wp块列：第n个子（2）>.wp块组：第n个子（3）'）。高度（div2Height）；
var div3Height=$（'.equal height wrap.wp block column:first child.wp block group:nth child（4'））.height（）；
$（'.equal height wrap.wp块列：第n个子（2）>.wp块组：第n个子（4）'）。高度（div3Height）；
}
相等图像（）
$（窗口）.on（'resize'，function（））{
相等图像（）
});是的，您可以在循环中完成，模板字符串也有帮助

function equalImages() {
  for(var i=2;i<5;i++){
    var divHeight = $(`.equal-height-wrap .wp-block-column:first-child .wp-block-group:nth-child(${i})`).height();
    $(`.equal-height-wrap .wp-block-column:nth-child(2) > .wp-block-group:nth-child(${i})`).height(divHeight);
  }

}

equalImages()

$(window).on('resize', function(){
  equalImages()
});

函数equalImages（）{
对于（vari=2；i.wp块组：第n个子（${i}）`）.height（divHeight）；
}
}
相等图像（）
$（窗口）.on（'resize'，function（））{
相等图像（）
});
为了解决您最初关于纠正不匹配div高度的问题，可能值得使用CSS而不是JavaScript。在这里可以找到一个简单的解决方案：