将所有div设为第一个div的高度

Question

我正在使用此代码

//Resize Div    
$(document).ready(function(){
    resizeDiv();
});

window.onresize = function(event) {
    resizeDiv();
}

function resizeDiv() {
    vpw = $(window).width();
    vph = $(window).height();
    $('.site-intro').css({'height': vph + 'px'});
}

它的效果很好，并使第一个div占窗口的100％，并内联设置高度。 有没有一种方法可以添加到此代码中，以便将其他div设置为相同的高度？

我将一个div放在另一个之上，并希望它们都具有相同的高度（相同的高度等于100％）。

抱歉，

HTML

<div class="wrapper">
<div class="site-intro parallax" data-velocity="-.3">
    <div class="row-fluid header">
        <div class="col-lg-6 col-sm-6 col-6 logo">
            <img src="img/logo.png" alt="" />
        </div>
        <div class="col-lg-6 col-sm-6 col-6 follow text-right">
            <a href="#"><img src="img/follow-fb.png" alt="Follow Us On Facebook" /></a>
            <a href="#"><img src="img/follow-tw.png" alt="Follow Us On Twitter" /></a>
        </div>
    </div>
    <div class="container">
        <div class="row">
            <div class="col-lg-12"> 
                <h1 class="text-center">Website Success</h1>
                <h2 class="text-center">Is Dependent On Effort and Imagination</h2>
                <p class="text-center"><a class="text-center can-do" href="#">See What We Can Do For You</a>
            </div>
        </div>
    </div>
</div>

我想在（.site-intro）下有更多的div，而不是并排放置。 然后在每个div内都有链接，这些链接将锚定到下一个div。

Answer 1

没有看到您的DOM很难说，但是通常您可以使用多个用逗号分隔的元素选择器。

假设您要调整3个元素的大小：

1. div类site-intro 。
2. div ，ID为user-data 。
3. section元素。

代码如下所示：

function resizeDiv() {
    vpw = $(window).width();
    vph = $(window).height();
    $('.site-intro, #user-data, section').height(vph);
}