用jQuery选择元素并放入数组来修改css

时间:2015-11-05 07:59:27

标签: javascript jquery

我有一个布局,我需要在两列中的每个子div具有相当于窗口高度的最小高度。为此,我使用:

var uniqueList =_.uniq(foo, function( x ){
    return JSON.stringify(x);
});

这适用于我的目的,但我希望将其应用于许多元素,如前所述。
我使用一个数组来尝试实现这个目标:

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

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

2 个答案:

答案 0 :(得分: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(', ')放在数组之后,为了清晰起见,我将其拆开。

答案 1 :(得分:0)

提供多个选择器时,请用逗号分隔:

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

但是上面的代码完全忽略了类的重点;你应该在所有上面的元素上加上一个类,并且只使用一个选择器 - 就像你的第一个例子一样。