javascript - 使用 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(', ') 放在数组后面，为了清楚起见，我只是将其分开。