将div设置为窗口高度

Question

我有四个有不同身份证的div。我将如何为所有这些div设定高度？

<div id="slide-1">a</div>
<div id="slide-2">b</div>
<div id="slide-3">c</div>
<div id="slide-4">d</div>

我知道我们可以在下面做一些类似的事情，但是在此之前也有其他的div。

$('div').height($(window).height());

我想把这四个div单独设置为窗口高度。我不能在这里硬编码，因为幻灯片可能会变。

Answer 1

这将选择它们的ids以“幻灯片”开头的所有div，并将高度设置为窗口高度：

$('div[id^="slide-"]').height($(window).height());

Answer 2

DEMO

    $('div').filter(function() { return /^slide-[1-4]$/.test( this.id ); })
    .height( $(window).height() );

Answer 3

如果您想要提高特定div的高度，请使用类进行多个

<div class="divHeight" id="slide-1">a</div>
<div class="divHeight" id="slide-2">b</div>
<div class="divHeight" id="slide-3">c</div>
<div class="divHeight" id="slide-4">d</div>

$('.divHeight').height($(window).height());