Как добавить определенную высоту элемента к другому

Question

Я получил HTML-код так:

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

У меня нет определенной высоты любого элемента. И я хочу сделать это, чтобы получить высоту раздела и дать его внутренней высоте. Как я могу сделать это с помощью jQuery?

Я уже судимое что-то вроде этого:

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

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

но он принимает только высоту первой секции, а затем применить его ко всем внутренним дивы.

Answer 1

В вашем $(window).resize разделе, замените код с этим:

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

Причиной, по которой первый ".content" влияет только, что ваш $('.content') возвращает массива совпадающих элементов, но только .height() части возвращает первый элемент этого массива. Раствором является итерация через всего набор элементов ".content" с использованием .each(function(){...})