Question

我有这样的HTML代码：

<section>
   <div>
   </div>
</section>
<section>
   <div>
   </div>
<section>

我没有任何元素的特定高度。而我想要做的是获得截面高度并将其赋予内部div高度。我怎么能用jQuery做到这一点？

我已经尝试过这样的事情：

    $(document).ready(function() {
    var contentHeight = $('.content').parent().height();
    $(".content").height(contentHeight);
});

$(window).resize(function() {
    var contentHeight = $('.content').parent().height();
    $(".content").height(contentHeight);
});

但它只占用第一部分的高度，然后将其应用于所有内部div。

Answer 1

在$(window).resize部分中，将代码替换为：

$(window).resize(function() {
    $(".content").each(function(){
      $(this).css('height', $(this).parent().height()+'px');
    });
});

只有第一个".content"受影响的原因是，您的$('.content')会返回匹配元素的数组，但.height()部分仅返回该数组的第一个元素。解决方案是使用".content"

遍历整个 .each(function(){...})元素集

如何将元素的特定高度添加到另一个元素

1 个答案: