使用jQuery选择元素并将其放入数组以修改CSS

Question

我有一个布局，我需要两列中的每个子div的最小高度等于窗口的高度。 为此，我使用：

$('.element').css("min-height",$(window).height());

这出于我的目的而起作用，但是如上所述，我希望将此方法应用于许多元素。
我使用数组来尝试实现此目的：

var length = [$('.first'), $('.second'), $('.third'), $('.fourth'), $('.one'), $('.two'), $('.three'), $('.four')];
length.css("min-height",$(window).height());

由于我只是javascript新手，所以我不确定是否有可能以这种方式选择元素。 任何帮助，将不胜感激。
这是一个jsfiddle 。

Answer 1

除了提供多个选择器之外，您还可以向所有需要修改的元素添加一个新类。

例如，添加class="adjust-min-height" ，然后使用

$('.adjust-min-height').css("min-height", $(window).height());

编辑：

如果要使用与问题所要求的数组相似的数组，则可以执行以下操作：

var elements = ['.first', '.second', '#maybe-an-id', '.third'];
var selector = elements.join(', ');
$(selector).css('min-height', $(window).height());

您当然可以将.join(', ')放在数组之后，为了清楚起见，我将其拆分了。

Answer 2

提供多个选择器时，请用逗号分隔它们：

$('.first, .second, .third, .fourth, .one, .two, .three, .four').css("min-height", $(window).height());

但是，以上代码完全错过了类的要点； 您应该在上述所有元素上放置一个类，并仅使用一个选择器-与第一个示例完全一样。